@gamelearn/arcade-components 0.20.5 → 0.20.7

package/dist/components/video-visor/components/VideoVisor.js

@@ -33,7 +33,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "und
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var defaultBgImageForAudio = "https://min.gamelearn.io/css-resources/gamelearn/resources/bgAudioPiece.jpg";
+var defaultBgImageForAudio = 'https://min.gamelearn.io/css-resources/gamelearn/resources/bgAudioPiece.jpg';
 
 var VideoVisor = function VideoVisor(_ref) {
   var documentType = _ref.documentType,
@@ -41,8 +41,12 @@ var VideoVisor = function VideoVisor(_ref) {
       required = _ref.required,
       viewed = _ref.viewed,
       backgroundImage = _ref.backgroundImage,
+      soundActions = _ref.soundActions,
       endVideo = _ref.endVideo;
 
+  var _soundActions = _slicedToArray(soundActions, 1),
+      playSound = _soundActions[0];
+
   var _useState = (0, _react.useState)(0),
       _useState2 = _slicedToArray(_useState, 2),
       duration = _useState2[0],
@@ -93,8 +97,8 @@ var VideoVisor = function VideoVisor(_ref) {
     },
     src: url,
     style: {
-      height: "100%",
-      width: "100%"
+      height: '100%',
+      width: '100%'
     }
   };
 
@@ -105,7 +109,7 @@ var VideoVisor = function VideoVisor(_ref) {
     setIsFinish(true);
     hideControls(false);
 
-    if (documentType !== "document" && documentType !== "lesson") {
+    if (documentType !== 'document' && documentType !== 'lesson') {
       endVideo();
     }
   };
@@ -161,6 +165,8 @@ var VideoVisor = function VideoVisor(_ref) {
   };
 
   var pause = function pause() {
+    playSound('click-ui');
+
     if (paused) {
       videoPlayer.play();
       setIsFinish(false);
@@ -183,6 +189,7 @@ var VideoVisor = function VideoVisor(_ref) {
   };
 
   var mute = function mute() {
+    playSound('click-ui');
     videoPlayer.muted = !videoPlayer.muted;
   };
 
@@ -215,12 +222,12 @@ var VideoVisor = function VideoVisor(_ref) {
   };
 
   var audioBackgroundImage = backgroundImage || defaultBgImageForAudio;
-  var CoverOrContain = audioBackgroundImage === defaultBgImageForAudio ? "cover" : "contain";
+  var CoverOrContain = audioBackgroundImage === defaultBgImageForAudio ? 'cover' : 'contain';
   var configForAudio = {
     backgroundImage: "url(\"".concat(audioBackgroundImage, "\")"),
     backgroundSize: CoverOrContain,
-    backgroundRepeat: "no-repeat",
-    backgroundPosition: "center center"
+    backgroundRepeat: 'no-repeat',
+    backgroundPosition: 'center center'
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "video",
@@ -250,7 +257,8 @@ var VideoVisor = function VideoVisor(_ref) {
       return handleHideControls();
     },
     onClick: function onClick() {
-      return handleHideControls();
+      handleHideControls();
+      playSound('click-ui');
     },
     onCanPlayThrough: onCanPlay,
     onWaiting: onWaiting,
@@ -275,7 +283,10 @@ var VideoVisor = function VideoVisor(_ref) {
     className: "position--absolute right top z-index1"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "gat--btn__round",
-    onClick: endVideo
+    onClick: function onClick() {
+      playSound('click-ui');
+      endVideo();
+    }
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "icon-close"
   }))), /*#__PURE__*/_react.default.createElement("iframe", _extends({
@@ -285,10 +296,10 @@ var VideoVisor = function VideoVisor(_ref) {
 };
 
 VideoVisor.defaultProps = {
-  url: "",
-  name: "",
+  url: '',
+  name: '',
   backgroundImage: null,
-  documentType: "",
+  documentType: '',
   required: false,
   viewed: false,
   endVideo: function endVideo() {}

package/dist/components/web-builder-puzzle-component/Popups/PopupColorComponent/index.js

@@ -33,7 +33,11 @@ var PopupColorComponent = function PopupColorComponent(_ref) {
   var colors = _ref.colors,
       onSave = _ref.onSave,
       closingAction = _ref.closingAction,
-      translate = _ref.translate;
+      translate = _ref.translate,
+      soundActions = _ref.soundActions;
+
+  var _soundActions = _slicedToArray(soundActions, 1),
+      playSound = _soundActions[0];
 
   var _useState = (0, _react.useState)(),
       _useState2 = _slicedToArray(_useState, 2),
@@ -80,6 +84,7 @@ var PopupColorComponent = function PopupColorComponent(_ref) {
     type: "button",
     className: "gat--btn gat--btn__primary ".concat(disabled ? 'disabled' : ''),
     onClick: !disabled ? function () {
+      playSound('click-ui');
       onSave(selected);
     } : null
   }, translate('webbuilder.save')))));

package/dist/components/web-builder-puzzle-component/Popups/PopupImageComponent/index.js

@@ -9,8 +9,6 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _resourcePath = _interopRequireDefault(require("../../Templates/resourcePath"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -35,7 +33,11 @@ var PopupImageComponent = function PopupImageComponent(_ref) {
   var images = _ref.images,
       onSave = _ref.onSave,
       closingAction = _ref.closingAction,
-      translate = _ref.translate;
+      translate = _ref.translate,
+      soundActions = _ref.soundActions;
+
+  var _soundActions = _slicedToArray(soundActions, 1),
+      playSound = _soundActions[0];
 
   var _useState = (0, _react.useState)(),
       _useState2 = _slicedToArray(_useState, 2),
@@ -91,6 +93,7 @@ var PopupImageComponent = function PopupImageComponent(_ref) {
     type: "button",
     className: "gat--btn gat--btn__primary ".concat(disabled ? 'disabled' : ''),
     onClick: !disabled ? function () {
+      playSound('click-ui');
       onSave(selected.src);
     } : null
   }, translate('webbuilder.open'))))));
@@ -101,13 +104,5 @@ PopupImageComponent.defaultProps = {
   onSave: function onSave() {},
   images: []
 };
-PopupImageComponent.propTypes = {
-  closingAction: _propTypes.default.func,
-  onSave: _propTypes.default.func,
-  images: _propTypes.default.arrayOf(_propTypes.default.shape({
-    name: _propTypes.default.string,
-    src: _propTypes.default.string
-  }))
-};
 var _default = PopupImageComponent;
 exports.default = _default;

package/dist/components/web-builder-puzzle-component/Popups/PopupTextComponent/index.js

@@ -29,7 +29,11 @@ var PopupTextComponent = function PopupTextComponent(_ref) {
   var closingAction = _ref.closingAction,
       onSave = _ref.onSave,
       options = _ref.options,
-      translate = _ref.translate;
+      translate = _ref.translate,
+      soundActions = _ref.soundActions;
+
+  var _soundActions = _slicedToArray(soundActions, 1),
+      playSound = _soundActions[0];
 
   var _useState = (0, _react.useState)(''),
       _useState2 = _slicedToArray(_useState, 2),
@@ -113,6 +117,7 @@ var PopupTextComponent = function PopupTextComponent(_ref) {
     className: "gat--btn gat--btn__primary ".concat(disabled ? 'disabled' : ''),
     disabled: disabled,
     onClick: function onClick() {
+      playSound('click-ui');
       onSave(selected);
     }
   }, translate('webbuilder.save')))));

package/dist/components/web-builder-puzzle-component/components/WebBuilderPuzzleComponent.js

@@ -212,6 +212,8 @@ var WebBuilderPuzzleComponent = function WebBuilderPuzzleComponent(_ref) {
   };
 
   var handlePublish = function handlePublish() {
+    playSound('click-ui');
+
     var _checkCorrect = checkCorrect(header, body),
         exist = _checkCorrect.exist,
         equal = _checkCorrect.equal;
@@ -328,6 +330,7 @@ var WebBuilderPuzzleComponent = function WebBuilderPuzzleComponent(_ref) {
     displayButton: !resolved && !completed,
     translate: translate,
     clickAction: function clickAction() {
+      playSound('click-ui');
       showReference(!showingReference);
     }
   }), /*#__PURE__*/_react.default.createElement(_WebBuilderHeader.default, _extends({}, props, {

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

@@ -35,11 +35,13 @@ var SingleElectionRender = function SingleElectionRender(_ref) {
   var opt = _ref.opt,
       index = _ref.index,
       setCurrentDecisionSelected = _ref.setCurrentDecisionSelected,
-      setCurrentDecisionHovered = _ref.setCurrentDecisionHovered;
+      setCurrentDecisionHovered = _ref.setCurrentDecisionHovered,
+      soundActions = _ref.soundActions;
   return opt && opt.fullText && opt.fullText !== '' ? /*#__PURE__*/_react.default.createElement(_SingleElection.default, {
     setCurrentDecisionSelected: setCurrentDecisionSelected,
     setCurrentDecisionHovered: setCurrentDecisionHovered,
     option: opt,
+    soundActions: soundActions,
     index: index
   }) : null;
 };
@@ -47,7 +49,8 @@ var SingleElectionRender = function SingleElectionRender(_ref) {
 var ElectionComponent = function ElectionComponent(_ref2) {
   var textWithOpts = _ref2.textWithOpts,
       setCurrentDecisionSelected = _ref2.setCurrentDecisionSelected,
-      printed = _ref2.printed;
+      printed = _ref2.printed,
+      soundActions = _ref2.soundActions;
 
   var _useState = (0, _react.useState)(''),
       _useState2 = _slicedToArray(_useState, 2),
@@ -62,6 +65,7 @@ var ElectionComponent = function ElectionComponent(_ref2) {
   }, textWithOpts && textWithOpts.map(function (opt, index) {
     return /*#__PURE__*/_react.default.createElement(SingleElectionRender, {
       opt: opt,
+      soundActions: soundActions,
       index: index,
       key: index.toString(),
       setCurrentDecisionSelected: setCurrentDecisionSelected,
@@ -75,15 +79,5 @@ ElectionComponent.defaultProps = {
   setCurrentDecisionSelected: function setCurrentDecisionSelected() {},
   printed: function printed() {}
 };
-ElectionComponent.propTypes = {
-  setCurrentDecisionSelected: _propTypes.default.func,
-  printed: _propTypes.default.func,
-  textWithOpts: _propTypes.default.arrayOf(_propTypes.default.shape({
-    previewText: _propTypes.default.string,
-    correct: _propTypes.default.bool,
-    fullText: _propTypes.default.string,
-    feedback: _propTypes.default.shape({})
-  }))
-};
 var _default = ElectionComponent;
 exports.default = _default;

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

@@ -7,14 +7,24 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _RewardsComponent = _interopRequireDefault(require("../../rewards-component/components/RewardsComponent"));
 
 var _FeedbackElement = _interopRequireDefault(require("./FeedbackElement"));
 
 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."); }
+
+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 = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 var FeedbackComponent = function FeedbackComponent(_ref) {
   var emitEvent = _ref.emitEvent,
       closingAction = _ref.closingAction,
@@ -27,7 +37,11 @@ var FeedbackComponent = function FeedbackComponent(_ref) {
       checkCorrect = _ref.checkCorrect,
       rewardsStack = _ref.rewardsStack,
       setFailed = _ref.setFailed,
-      nodeId = _ref.nodeId;
+      nodeId = _ref.nodeId,
+      soundActions = _ref.soundActions;
+
+  var _soundActions = _slicedToArray(soundActions, 1),
+      playSound = _soundActions[0];
 
   var translate = function translate(id) {
     return emitEvent({
@@ -55,6 +69,7 @@ var FeedbackComponent = function FeedbackComponent(_ref) {
   };
 
   var close = function close() {
+    playSound('click-ui');
     closingAction();
     setFailed();
     feedbackIsDone();
@@ -91,6 +106,7 @@ var FeedbackComponent = function FeedbackComponent(_ref) {
       if (checkCorrect()) {
         close();
       } else {
+        playSound('click-ui');
         retryDecisions();
       }
     }
@@ -116,24 +132,5 @@ FeedbackComponent.defaultProps = {
   rewardsStack: [{}],
   nodeId: '0'
 };
-FeedbackComponent.propTypes = {
-  emitEvent: _propTypes.default.func,
-  closingAction: _propTypes.default.func,
-  feedbackIsDone: _propTypes.default.func,
-  decisionsList: _propTypes.default.arrayOf(_propTypes.default.shape({
-    previewText: _propTypes.default.string,
-    correct: _propTypes.default.bool,
-    fullText: _propTypes.default.string,
-    feedback: _propTypes.default.shape({})
-  })),
-  texts: _propTypes.default.arrayOf(_propTypes.default.shape({})),
-  retryAction: _propTypes.default.func,
-  retry: _propTypes.default.bool,
-  skip: _propTypes.default.bool,
-  checkCorrect: _propTypes.default.func,
-  rewardsStack: _propTypes.default.arrayOf(_propTypes.default.shape({})),
-  setFailed: _propTypes.default.func.isRequired,
-  nodeId: _propTypes.default.string
-};
 var _default = FeedbackComponent;
 exports.default = _default;

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

@@ -7,8 +7,6 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var FeedbackElement = function FeedbackElement(_ref) {
@@ -28,13 +26,5 @@ var FeedbackElement = function FeedbackElement(_ref) {
 FeedbackElement.defaultProps = {
   decision: {}
 };
-FeedbackElement.propTypes = {
-  decision: _propTypes.default.shape({
-    feedback: _propTypes.default.shape({
-      title: _propTypes.default.string,
-      body: _propTypes.default.string
-    })
-  })
-};
 var _default = FeedbackElement;
 exports.default = _default;

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

@@ -7,8 +7,6 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -28,9 +26,5 @@ FinishedTextComponent.defaultProps = {
   correct: '',
   textToPrint: ''
 };
-FinishedTextComponent.propTypes = {
-  correct: _propTypes.default.string,
-  textToPrint: _propTypes.default.string
-};
 var _default = FinishedTextComponent;
 exports.default = _default;

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

@@ -9,8 +9,6 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactTypist = _interopRequireDefault(require("react-typist"));
 
 var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
@@ -153,14 +151,5 @@ FixedComponent.defaultProps = {
   nextParagraphType: '',
   isWriting: function isWriting() {}
 };
-FixedComponent.propTypes = {
-  delay: _propTypes.default.number,
-  index: _propTypes.default.number.isRequired,
-  length: _propTypes.default.number.isRequired,
-  textToPrint: _propTypes.default.string,
-  setDoneTyping: _propTypes.default.func,
-  nextParagraphType: _propTypes.default.string,
-  isWriting: _propTypes.default.func
-};
 var _default = FixedComponent;
 exports.default = _default;

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

@@ -9,10 +9,6 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
@@ -189,15 +185,5 @@ Rewards.defaultProps = {
   indicators: [],
   addPoints: function addPoints() {}
 };
-Rewards.propTypes = {
-  indicators: _propTypes.default.arrayOf(_propTypes.default.shape({})),
-  rewards: _propTypes.default.arrayOf(_propTypes.default.shape({
-    type: _propTypes.default.string,
-    id: _propTypes.default.string,
-    name: _propTypes.default.string,
-    points: _propTypes.default.number
-  })),
-  addPoints: _propTypes.default.func
-};
 var _default = Rewards;
 exports.default = _default;

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

@@ -9,8 +9,6 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -63,7 +61,11 @@ var SingleElection = function SingleElection(_ref) {
   var option = _ref.option,
       setCurrentDecisionSelected = _ref.setCurrentDecisionSelected,
       index = _ref.index,
-      setCurrentDecisionHovered = _ref.setCurrentDecisionHovered;
+      setCurrentDecisionHovered = _ref.setCurrentDecisionHovered,
+      soundActions = _ref.soundActions;
+
+  var _soundActions = _slicedToArray(soundActions, 1),
+      playSound = _soundActions[0];
 
   var _useHover = useHover(),
       _useHover2 = _slicedToArray(_useHover, 2),
@@ -87,6 +89,7 @@ var SingleElection = function SingleElection(_ref) {
   };
 
   var selectOption = function selectOption() {
+    playSound('click-ui');
     setCurrentDecisionSelected(index);
   };
 
@@ -126,16 +129,5 @@ SingleElection.defaultProps = {
   option: {},
   index: 0
 };
-SingleElection.propTypes = {
-  setCurrentDecisionSelected: _propTypes.default.func,
-  setCurrentDecisionHovered: _propTypes.default.func,
-  index: _propTypes.default.number,
-  option: _propTypes.default.shape({
-    previewText: _propTypes.default.string,
-    correct: _propTypes.default.bool,
-    fullText: _propTypes.default.string,
-    feedback: _propTypes.default.shape({})
-  })
-};
 var _default = SingleElection;
 exports.default = _default;

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

@@ -420,6 +420,7 @@ var WriterPuzzleComponent = function WriterPuzzleComponent(_ref) {
 
   var handleElection = function handleElection(text) {
     return /*#__PURE__*/_react.default.createElement(_ElectionComponent.default, {
+      soundActions: soundActions,
       textWithOpts: text.electionTexts,
       setCurrentDecisionSelected: handleSelectedOption,
       printed: printedElection,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gamelearn/arcade-components",
   "license": "Gamelearn",
-  "version": "0.20.5",
+  "version": "0.20.7",
   "main": "dist/index.js",
   "files": [
     "dist",