@gamelearn/arcade-components 0.20.5 → 0.20.7

package/dist/components/auto-evaluation-component/components/AutoEvaluation.js

@@ -37,7 +37,8 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
   var description = _ref.description,
       questions = _ref.questions,
       type = _ref.type,
-      emitEvent = _ref.emitEvent;
+      emitEvent = _ref.emitEvent,
+      soundActions = _ref.soundActions;
 
   var _useState = (0, _react.useState)('start'),
       _useState2 = _slicedToArray(_useState, 2),
@@ -64,6 +65,9 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
     type: type
   });
 
+  var _soundActions = _slicedToArray(soundActions, 1),
+      play = _soundActions[0];
+
   var translate = function translate(id) {
     return emitEvent({
       type: 'translate',
@@ -72,6 +76,7 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
   };
 
   var close = function close() {
+    play('click-ui');
     emitEvent({
       type: 'saveSurveyPrePos',
       payload: surveyData.current
@@ -85,6 +90,7 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
   }, [questions, phase]);
 
   var handleNextQuestion = function handleNextQuestion() {
+    play('click-ui');
     surveyData.current.questions.push({
       id: questions[currentQuestion].id,
       answer: optionSelected
@@ -103,7 +109,8 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
   }, phase === 'start' && /*#__PURE__*/_react.default.createElement(_StartScreen.default, {
     description: description,
     onNext: function onNext() {
-      return setPhase('questions');
+      setPhase('questions');
+      play('click-ui');
     },
     translate: translate
   }), phase === 'questions' && /*#__PURE__*/_react.default.createElement("div", {
@@ -135,6 +142,7 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
     className: "gat--btn gat--btn__primary auto-evaluation__button not-transition",
     onClick: function onClick() {
       setPhase('end');
+      play('click-ui');
     }
   }, /*#__PURE__*/_react.default.createElement("span", null, translate('auto-evaluation.end'))) : /*#__PURE__*/_react.default.createElement("button", {
     onClick: handleNextQuestion,

package/dist/components/auto-evaluation-component/mocks/mockForStory.js

@@ -18,6 +18,7 @@ var emitEvent = function emitEvent(_ref) {
 
 var mockProps = {
   emitEvent: emitEvent,
+  soundActions: [],
   slug: 'auto-pre-component',
   description: 'A while back I needed to count the amount of letters that a piece of text in an email template had (to avoid passing any character limits). Unfortunately, I could not think of a quick way to do so on my macbook and I therefore turned to the Internet. Character Count Online is a free online character',
   questions: [{

package/dist/components/cards-selector-puzzle-component/components/Board/index.js

@@ -48,7 +48,8 @@ var Board = function Board(_ref) {
       handleError = _ref.handleError,
       endPuzzle = _ref.endPuzzle,
       feedbackIsShown = _ref.feedbackIsShown,
-      resolvePuzzle = _ref.resolvePuzzle;
+      resolvePuzzle = _ref.resolvePuzzle,
+      soundActions = _ref.soundActions;
 
   var _useState = (0, _react.useState)(_toConsumableArray(Array(cards.length)).fill(false)),
       _useState2 = _slicedToArray(_useState, 2),
@@ -65,6 +66,9 @@ var Board = function Board(_ref) {
       correctCards = _useState6[0],
       setCorrectCards = _useState6[1];
 
+  var _soundActions = _slicedToArray(soundActions, 1),
+      play = _soundActions[0];
+
   var numberOfCorrectCards = cards.filter(function (card) {
     return card.correct === true;
   }).length;
@@ -125,6 +129,8 @@ var Board = function Board(_ref) {
 
   var _handleClick = function handleClick(index) {
     if (!feedbackIsShown) {
+      play('click-ui');
+
       if (cards[index].correct && !isOrderBased) {
         handleCorrect(index);
       } else if (isOrderBased) {

package/dist/components/cards-selector-puzzle-component/components/CardsSelectorPuzzleComponent.js

@@ -175,7 +175,7 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
     }
   }, [disableExit, finished]);
   (0, _react.useEffect)(function () {
-    setResolveAction(function (resolve) {
+    setResolveAction(function () {
       emitEvent({
         type: 'hidePuzzleButtons',
         payload: true
@@ -203,7 +203,8 @@ var CardsSelectorPuzzleComponent = function CardsSelectorPuzzleComponent(_ref) {
       return _handleError();
     },
     feedbackIsShown: feedbackIsShown,
-    resolvePuzzle: resolvePuzzle
+    resolvePuzzle: resolvePuzzle,
+    soundActions: soundActions
   })), feedbackIsShown && /*#__PURE__*/_react.default.createElement(_feedbackComponent.default, {
     playSound: playSound,
     success: feedbackResult,

package/dist/components/cartel-component/components/CartelComponent.js

@@ -38,6 +38,7 @@ var CartelComponent = function CartelComponent(_ref) {
       playSound = _soundActions[0];
 
   var close = function close() {
+    playSound('click-ui');
     emitEvent({
       type: 'success'
     });

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

@@ -45,18 +45,23 @@ var ComicComponent = function ComicComponent(_ref) {
       slideTransition = _useState4[0],
       setTransition = _useState4[1];
 
+  var _soundActions = _slicedToArray(soundActions, 1),
+      play = _soundActions[0];
+
   var classControls = slideCount === 0 ? 'comic--controls single' : 'comic--controls';
 
   var close = function close() {
     emitEvent({
       type: 'success'
     });
+    play('click-ui');
   };
 
   var goToNextSlide = function goToNextSlide() {
     if (slideCount + 1 < slides.length) {
       setTransition('slide-animation');
       setCount(slideCount + 1);
+      play('click-ui');
     }
   };
 
@@ -64,6 +69,7 @@ var ComicComponent = function ComicComponent(_ref) {
     if (slideCount - 1 >= 0) {
       setTransition('slide-animation');
       setCount(slideCount - 1);
+      play('click-ui');
     }
   };
 

package/dist/components/conversational-component/components/ConversationalComponent.js

@@ -41,6 +41,7 @@ var ConversationalComponent = function ConversationalComponent(_ref) {
   var _background$img;
 
   var emitEvent = _ref.emitEvent,
+      soundActions = _ref.soundActions,
       messages = _ref.messages,
       characters = _ref.characters,
       alias = _ref.alias,
@@ -52,6 +53,9 @@ var ConversationalComponent = function ConversationalComponent(_ref) {
       messageIndex = _useState2[0],
       setMessageIndex = _useState2[1];
 
+  var _soundActions = _slicedToArray(soundActions, 1),
+      play = _soundActions[0];
+
   var backgroundImage = (background === null || background === void 0 ? void 0 : (_background$img = background.img) === null || _background$img === void 0 ? void 0 : _background$img.url) || null;
   var currentMessage = messages[messageIndex];
   var parsedCharacters = characters.map(function (c, index) {
@@ -63,6 +67,7 @@ var ConversationalComponent = function ConversationalComponent(_ref) {
 
   var handleClickNext = function handleClickNext() {
     var max = messages.length - 1;
+    play('click-ui');
 
     if (messageIndex + 1 <= max) {
       setMessageIndex(messageIndex + 1);
@@ -76,6 +81,7 @@ var ConversationalComponent = function ConversationalComponent(_ref) {
   var handleClickBack = function handleClickBack() {
     if (messageIndex > 0) {
       setMessageIndex(messageIndex - 1);
+      play('click-ui');
     }
   };
 

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

@@ -136,6 +136,7 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
   };
 
   var handleClickNext = function handleClickNext() {
+    playSound('click-ui');
     var line = currentLine;
     var maxLine = lines.length - 1;
 
@@ -149,6 +150,8 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
   };
 
   var handleClickBack = function handleClickBack() {
+    playSound('click-ui');
+
     if (currentLine > 0) {
       setCurrentLine(currentLine - 1);
     }

package/dist/components/cracker-puzzle-component/components/CrackerPuzzleComponent.js

@@ -251,7 +251,7 @@ var CrackerPuzzleComponent = function CrackerPuzzleComponent(_ref) {
     }
 
     if (remainingPassword <= 0) {
-      playSound('finish-level');
+      playSound('score');
       setFinished(true);
     }
   };

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

@@ -88,13 +88,13 @@ var DecisionBody = function DecisionBody(_ref) {
       type: "button",
       className: "gat--btn gat--btn__secondary",
       onClick: onExit
-    }, translate("webbuilder.cancel")) : null, /*#__PURE__*/_react.default.createElement("button", {
+    }, translate('webbuilder.cancel')) : null, /*#__PURE__*/_react.default.createElement("button", {
       type: "button",
       className: "gat--btn gat--btn__primary ".concat(selectedChoice.id !== undefined ? '' : 'disabled'),
       onClick: function onClick() {
         return canNext ? onNext(selectedChoice) : onBack();
       }
-    }, canNext || selectedChoice.id === undefined ? translate("screens.continue") : translate("tests.retry"))));
+    }, canNext || selectedChoice.id === undefined ? translate('screens.continue') : translate('tests.retry'))));
   };
 
   var ComplexDecision = function ComplexDecision() {

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

@@ -114,21 +114,27 @@ var DecisionComponent = function DecisionComponent(_ref) {
     selectedView: selectedView,
     emitEvent: emitEvent,
     inherited: inherited,
+    soundActions: soundActions,
     showingResults: selectedView === 'results',
     currentSelectedChoice: resultChoice,
     hasRewards: resultChoice.rewards || [],
     failed: failed,
     changeOption: function changeOption(option) {
+      playSound('click-ui');
       setResultChoice(option);
       selectView('options');
     },
     onBack: function onBack() {
+      playSound('click-ui');
+
       if (failed) {
         setResultChoice({});
         selectView('options');
       }
     },
     onNext: function onNext(choice) {
+      playSound('click-ui');
+
       if (!failed && selectedView === 'results') {
         emitEvent({
           type: 'addPoints',
@@ -143,6 +149,13 @@ var DecisionComponent = function DecisionComponent(_ref) {
         }
       } else if (Object.keys(choice).length > 0) {
         var currentRewards = [].concat(_toConsumableArray(rewards), _toConsumableArray(choice.rewards));
+
+        if (choice.right) {
+          playSound('score');
+        } else {
+          playSound('fail');
+        }
+
         setResultChoice(choice);
         addReward(currentRewards);
         playCurrentAudio(choice);
@@ -150,6 +163,7 @@ var DecisionComponent = function DecisionComponent(_ref) {
       }
     },
     onExit: function onExit() {
+      playSound('click-ui');
       emitEvent({
         type: 'success'
       });
@@ -196,12 +210,14 @@ var DecisionComponent = function DecisionComponent(_ref) {
   var Body = function Body() {
     return inherited ? /*#__PURE__*/_react.default.createElement(CharactersWrapper, null, selectedView === 'results' ? /*#__PURE__*/_react.default.createElement(_Feedback.default, {
       question: question,
+      soundActions: soundActions,
       inherited: inherited,
       choice: resultChoice,
       rewards: resultChoice.rewards || [],
       emitEvent: emitEvent
     }) : null) : /*#__PURE__*/_react.default.createElement(PopupWrapper, null, /*#__PURE__*/_react.default.createElement(_DecisionBody.default, bodyProps, /*#__PURE__*/_react.default.createElement(_Feedback.default, {
       question: question,
+      soundActions: soundActions,
       inherited: inherited,
       choice: resultChoice,
       rewards: resultChoice.rewards || [],

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

@@ -15,7 +15,8 @@ var FeedBack = function FeedBack(_ref) {
   var choice = _ref.choice,
       inherited = _ref.inherited,
       rewards = _ref.rewards,
-      emitEvent = _ref.emitEvent;
+      emitEvent = _ref.emitEvent,
+      soundActions = _ref.soundActions;
 
   var Wrapper = function Wrapper(_ref2) {
     var children = _ref2.children;
@@ -39,6 +40,7 @@ var FeedBack = function FeedBack(_ref) {
   }) : /*#__PURE__*/_react.default.createElement("span", {
     className: "icon-error-circle-black color--error"
   }), /*#__PURE__*/_react.default.createElement("p", null, choice.feedback))) : null, !noRewards ? /*#__PURE__*/_react.default.createElement(_RewardsComponent.default, {
+    soundActions: soundActions,
     rewards: choice.right ? rewards : choice.rewards,
     emitEvent: emitEvent
   }) : null);

package/dist/components/feedback-component/components/FeedbackComponent.js

@@ -35,8 +35,7 @@ var FeedbackComponent = function FeedbackComponent(_ref) {
       translate = _ref.translate,
       shortText = _ref.shortText,
       hasTimeout = _ref.hasTimeout,
-      delay = _ref.delay,
-      simpleClose = _ref.simpleClose;
+      delay = _ref.delay;
 
   var _useState = (0, _react.useState)(),
       _useState2 = _slicedToArray(_useState, 2),

package/dist/components/frame-click-puzzle-component/components/FrameClickPuzzleComponent.js

@@ -69,6 +69,10 @@ var FrameImageClickComponent = function FrameImageClickComponent(_ref) {
 
   var puzzlesCompiledRef = (0, _react.useRef)(0);
   var hideTooltipRef = (0, _react.useRef)(false);
+
+  var _soundActions = _slicedToArray(soundActions, 1),
+      playSound = _soundActions[0];
+
   var totalCorrects = list.reduce(function (acc, current) {
     return acc + current.areas.length;
   }, 0);
@@ -92,17 +96,20 @@ var FrameImageClickComponent = function FrameImageClickComponent(_ref) {
 
   var handleBack = function handleBack() {
     if (index > 0) {
+      playSound('click-ui');
       setIndex(index - 1);
     }
   };
 
   var handleForw = function handleForw() {
     if (index !== list.length - 1) {
+      playSound('click-ui');
       setIndex(index + 1);
     }
   };
 
   var handleResolve = (0, _react.useCallback)(function () {
+    playSound('score');
     emitEvent({
       type: 'hidePuzzleButtons',
       payload: false
@@ -115,7 +122,7 @@ var FrameImageClickComponent = function FrameImageClickComponent(_ref) {
         rewards: accRewards.current
       }
     });
-  }, [accRewards, emitEvent, puzzleId]);
+  }, [accRewards, emitEvent, puzzleId, playSound]);
 
   var translateFromParent = function translateFromParent(id) {
     return emitEvent({
@@ -165,6 +172,7 @@ var FrameImageClickComponent = function FrameImageClickComponent(_ref) {
     canPlay: index < list.length - 1,
     emitPlaying: handlePlaying,
     onClick: function onClick() {
+      playSound('click-ui');
       hideTooltipRef.current = true;
     }
   }), /*#__PURE__*/_react.default.createElement("span", {

package/dist/components/hacker-puzzle-component/components/HackerPuzzleComponent.js

@@ -187,6 +187,7 @@ var HackerPuzzleComponent = function HackerPuzzleComponent(_ref) {
   }, [finished]);
   (0, _react.useEffect)(function () {
     setResolveAction(function (resolve) {
+      playSound('score');
       setFinished(true);
       setTimeout(function () {
         resolve();
@@ -214,7 +215,7 @@ var HackerPuzzleComponent = function HackerPuzzleComponent(_ref) {
 
         if (currentTextEnd === letters.length) {
           if (currentLine + 1 >= lines.length) {
-            playSound('finish-level');
+            playSound('score');
             setFinished(true);
           } else {
             setCurrentLine(currentLine + 1);

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

@@ -419,7 +419,10 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
       key: index,
       "data-testid": "key-".concat(letter.char),
       onClick: function onClick() {
-        return !letter.deleted && !resolvedClass && !disabled ? addCharacter(letter.char, index) : null;
+        if (!letter.deleted && !resolvedClass && !disabled) {
+          addCharacter(letter.char, index);
+          playSound('click-ui');
+        }
       },
       className: "puzzle--hanged__keyboard--item ".concat(letter.deleted || disabled ? 'disabled' : '')
     }, letter.char);

package/dist/components/image-click-wrapper-component/components/ImageClickWrapperComponent.js

@@ -145,6 +145,7 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
   var handleFinish = (0, _react.useCallback)(function () {
     var rewards = solution.right.rewards;
     var fullRewards = [].concat(_toConsumableArray(accRewards), _toConsumableArray(rewards));
+    playSound('score');
 
     if (emitFinish) {
       emitFinish(fullRewards);
@@ -154,7 +155,7 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
         payload: fullRewards
       });
     }
-  }, [accRewards, emitEvent, emitFinish, solution.right]);
+  }, [accRewards, emitEvent, emitFinish, solution.right, playSound]);
   (0, _react.useEffect)(function () {
     if (completed) {
       disableExit(true);
@@ -196,6 +197,7 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
   (0, _react.useEffect)(function () {
     //autoResolve
     setResolveAction(function (resolve) {
+      playSound('score');
       setCompleted(true);
       setDisableClick(true);
       setFinished(true);
@@ -203,7 +205,7 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
         emitResolve ? emitResolve(resolve) : resolve();
       }, 4000);
     });
-  }, [setResolveAction, emitResolve]);
+  }, [setResolveAction, emitResolve, playSound]);
   (0, _react.useEffect)(function () {
     if (finished) {
       disableExit(true);
@@ -226,6 +228,7 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
 
       setShowWrongFeedback(true);
       setResolveClass('wrong');
+      playSound('fail');
 
       if (!feedback) {
         setTimeout(function () {
@@ -250,6 +253,7 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
       handleFinish();
     }
 
+    playSound('click-ui');
     emitEvent({
       type: 'hidePuzzleButtons',
       payload: false
@@ -263,6 +267,7 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
       return zone.index === area.index;
     }) && !defaultCompleted && !showWrongFeedback && !disableClick) {
       var updatedClickedZones = [].concat(_toConsumableArray(clickedZones), [area]);
+      playSound('click-ui');
 
       if (hasClickOrder && area.index === clickedZones.length || !hasClickOrder) {
         setClickedZones(updatedClickedZones);

package/dist/components/image-component/components/ImageComponent.js

@@ -13,6 +13,18 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
 
 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; }
 
+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 ImageComponent = function ImageComponent(_ref) {
   var emitEvent = _ref.emitEvent,
       img = _ref.img,
@@ -20,9 +32,15 @@ var ImageComponent = function ImageComponent(_ref) {
       documentType = _ref.documentType,
       visible = _ref.visible,
       viewed = _ref.viewed,
-      imgId_labelId = _ref.imgId_labelId;
+      imgId_labelId = _ref.imgId_labelId,
+      soundActions = _ref.soundActions;
   var imgUrl = img.url;
+
+  var _soundActions = _slicedToArray(soundActions, 1),
+      playSound = _soundActions[0];
+
   var close = (0, _react.useCallback)(function () {
+    playSound('click-ui');
     var item = {
       imgId: imgId_labelId,
       name: imgName,
@@ -34,7 +52,7 @@ var ImageComponent = function ImageComponent(_ref) {
       type: 'finishMedia',
       payload: item
     });
-  }, [imgId_labelId, imgName, emitEvent, documentType]);
+  }, [playSound, imgId_labelId, imgName, documentType, emitEvent]);
   (0, _react.useEffect)(function () {
     if (!visible) {
       close();

package/dist/components/image-component/mocks/mockForStory.js

@@ -16,6 +16,7 @@ var emitEvent = function emitEvent(_ref) {
 };
 
 var mockProps = {
+  soundActions: [],
   emitEvent: emitEvent,
   img: {
     imgId: 'alfalfa',
@@ -29,6 +30,7 @@ var mockProps = {
 };
 exports.mockProps = mockProps;
 var mockWithNotVisible = {
+  soundActions: [],
   emitEvent: emitEvent,
   img: {
     imgId: 'alfalfa2',
@@ -42,6 +44,7 @@ var mockWithNotVisible = {
 };
 exports.mockWithNotVisible = mockWithNotVisible;
 var mockWithImageNotViewed = {
+  soundActions: [],
   emitEvent: emitEvent,
   img: {
     imgId: 'alfalfa2',

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

@@ -27,14 +27,30 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
 
 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; }
 
+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 InventoryItem = function InventoryItem(_ref) {
   var name = _ref.name,
       description = _ref.description,
       element = _ref.element,
       onFinish = _ref.onFinish,
-      lodSettings = _ref.lodSettings;
+      lodSettings = _ref.lodSettings,
+      soundActions = _ref.soundActions;
   var orbit = (0, _react.useRef)();
 
+  var _soundActions = _slicedToArray(soundActions, 1),
+      playSound = _soundActions[0];
+
   if (!element) {
     onFinish();
     return null;
@@ -63,7 +79,10 @@ var InventoryItem = function InventoryItem(_ref) {
     className: "inventory--layer__info--popup fadeIn--animation"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "inventory--info__close",
-    onClick: onFinish
+    onClick: function onClick() {
+      playSound('click-ui');
+      onFinish();
+    }
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "icon-close"
   })), /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/lectures-component/components/LectureButtons.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 LectureButtons = function LectureButtons(_ref) {
@@ -39,12 +37,5 @@ LectureButtons.defaultProps = {
   seconds: 0,
   btnText: 'continue'
 };
-LectureButtons.propTypes = {
-  goToLecture: _propTypes.default.bool,
-  close: _propTypes.default.func,
-  minutes: _propTypes.default.number,
-  seconds: _propTypes.default.number,
-  btnText: _propTypes.default.string
-};
 var _default = LectureButtons;
 exports.default = _default;

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

@@ -9,8 +9,6 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _LectureButtons = _interopRequireDefault(require("./LectureButtons"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -43,7 +41,8 @@ var LecturesComponent = function LecturesComponent(_ref) {
       visible = _ref.visible,
       documentType = _ref.documentType,
       viewed = _ref.viewed,
-      btnText = _ref.btnText;
+      btnText = _ref.btnText,
+      soundActions = _ref.soundActions;
 
   var _useState = (0, _react.useState)(),
       _useState2 = _slicedToArray(_useState, 2),
@@ -63,7 +62,13 @@ var LecturesComponent = function LecturesComponent(_ref) {
   var currentLecture = text;
   var limit = Math.trunc(currentLecture.split(' ').length * READING_TIME);
   var goToLecture = !required || required && time >= limit || required && !visible;
+
+  var _soundActions = _slicedToArray(soundActions, 1),
+      playSound = _soundActions[0];
+
   var close = (0, _react.useCallback)(function () {
+    playSound('click-ui');
+
     if (goToLecture) {
       emitEvent({
         type: 'finishMedia',
@@ -75,7 +80,7 @@ var LecturesComponent = function LecturesComponent(_ref) {
         }
       });
     }
-  }, [documentType, emitEvent, goToLecture, name_labelId, text_labelId]);
+  }, [documentType, emitEvent, goToLecture, name_labelId, text_labelId, playSound]);
   (0, _react.useEffect)(function () {
     if (!visible && !saved) {
       close();
@@ -135,15 +140,5 @@ LecturesComponent.defaultProps = {
   context: {},
   btnText: 'continue'
 };
-LecturesComponent.propTypes = {
-  emitEvent: _propTypes.default.func,
-  name: _propTypes.default.string,
-  text: _propTypes.default.string,
-  documentType: _propTypes.default.string,
-  visible: _propTypes.default.bool,
-  required: _propTypes.default.bool,
-  viewed: _propTypes.default.bool,
-  btnText: _propTypes.default.string
-};
 var _default = LecturesComponent;
 exports.default = _default;

package/dist/components/lectures-component/mocks/mockForStory.js

@@ -10,6 +10,7 @@ var emitEvent = function emitEvent() {
 };
 
 var mockProps = {
+  soundActions: [],
   emitEvent: emitEvent,
   name: 'lecture',
   required: true,