@gamelearn/arcade-components 2.27.0 → 2.29.2

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

@@ -1,56 +1,34 @@
 "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 _KonvaMapper = _interopRequireDefault(require("../../konva-components/KonvaMapper"));
-
 var _FeedbackComponent = _interopRequireDefault(require("../../feedback-component/components/FeedbackComponent"));
-
 var _TimerDialog = _interopRequireDefault(require("./TimerDialog"));
-
 var _CountDown = _interopRequireDefault(require("./CountDown"));
-
 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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 = arr == null ? null : 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 _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 defaultImg = 'https://min.gamelearn.io/css-resources/gamelearn/resources/puzzle-login-low.png';
-
 var ImageReview = function ImageReview() {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--image__preview"
@@ -59,76 +37,68 @@ var ImageReview = function ImageReview() {
     src: "https://min.gamelearn.io/css-resources/gamelearn/resources/image-click.jpg"
   }));
 };
-
 var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
   var _info$timerFeedback3, _info$timerFeedback4;
-
   // Common config
   var soundActions = props.soundActions,
-      emitEvent = props.emitEvent,
-      handleClick = props.handleClick,
-      disableExit = props.disableExit,
-      setResolveAction = props.setResolveAction,
-      info = props.info,
-      image = props.image,
-      areas = props.areas,
-      badAreas = props.badAreas,
-      hasClickOrder = props.hasClickOrder,
-      timer = props.timer,
-      hasClickOnce = props.hasClickOnce,
-      hasHighlights = props.hasHighlights,
-      hasImageReview = props.hasImageReview,
-      defaultCompleted = props.defaultCompleted,
-      className = props.className,
-      emitFinish = props.emitFinish,
-      emitResolve = props.emitResolve,
-      translateFromParent = props.translateFromParent,
-      specificFeedbacks = props.specificFeedbacks,
-      slideNumber = props.slideNumber,
-      emitResetPuzzle = props.emitResetPuzzle,
-      firstTryForFrame = props.firstTryForFrame,
-      puzzlesAutoCompleted = props.puzzlesAutoCompleted,
-      emitOpenPopupCounterInfo = props.emitOpenPopupCounterInfo,
-      pause = props.pause,
-      keyboardControl = props.keyboardControl;
-
+    emitEvent = props.emitEvent,
+    handleClick = props.handleClick,
+    disableExit = props.disableExit,
+    setResolveAction = props.setResolveAction,
+    info = props.info,
+    image = props.image,
+    areas = props.areas,
+    badAreas = props.badAreas,
+    hasClickOrder = props.hasClickOrder,
+    timer = props.timer,
+    hasClickOnce = props.hasClickOnce,
+    hasHighlights = props.hasHighlights,
+    hasImageReview = props.hasImageReview,
+    defaultCompleted = props.defaultCompleted,
+    className = props.className,
+    emitFinish = props.emitFinish,
+    emitResolve = props.emitResolve,
+    translateFromParent = props.translateFromParent,
+    specificFeedbacks = props.specificFeedbacks,
+    slideNumber = props.slideNumber,
+    emitResetPuzzle = props.emitResetPuzzle,
+    firstTryForFrame = props.firstTryForFrame,
+    puzzlesAutoCompleted = props.puzzlesAutoCompleted,
+    emitOpenPopupCounterInfo = props.emitOpenPopupCounterInfo,
+    pause = props.pause,
+    keyboardControl = props.keyboardControl;
   var _useState = (0, _react.useState)([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      clickedZones = _useState2[0],
-      setClickedZones = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    clickedZones = _useState2[0],
+    setClickedZones = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      completed = _useState4[0],
-      setCompleted = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    completed = _useState4[0],
+    setCompleted = _useState4[1];
   var _useState5 = (0, _react.useState)(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      finished = _useState6[0],
-      setFinished = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    finished = _useState6[0],
+    setFinished = _useState6[1];
   var _useState7 = (0, _react.useState)({
-    show: false,
-    success: false,
-    text: '',
-    rewards: []
-  }),
-      _useState8 = _slicedToArray(_useState7, 2),
-      feedbackData = _useState8[0],
-      setFeedbackData = _useState8[1];
-
-  var popupCounterVisible = (0, _react.useRef)(false); // timer stuffs
-
+      show: false,
+      success: false,
+      text: '',
+      rewards: []
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    feedbackData = _useState8[0],
+    setFeedbackData = _useState8[1];
+  var popupCounterVisible = (0, _react.useRef)(false);
+
+  // timer stuffs
   var _useState9 = (0, _react.useState)(true),
-      _useState10 = _slicedToArray(_useState9, 2),
-      dialogForTimer = _useState10[0],
-      setDialogForTimer = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    dialogForTimer = _useState10[0],
+    setDialogForTimer = _useState10[1];
   var _useState11 = (0, _react.useState)(false),
-      _useState12 = _slicedToArray(_useState11, 2),
-      timeExpired = _useState12[0],
-      setTimeExpired = _useState12[1];
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    timeExpired = _useState12[0],
+    setTimeExpired = _useState12[1];
   var startDate = (0, _react.useRef)(null);
   var actualDate = (0, _react.useRef)(null);
   var intervalForActualDate = (0, _react.useRef)(null);
@@ -138,24 +108,19 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
   var remainingTime = (0, _react.useRef)(null);
   var cheatClue = (0, _react.useRef)(null);
   var intervalForCountDown = (0, _react.useRef)(null);
-
   var _useState13 = (0, _react.useState)(timer),
-      _useState14 = _slicedToArray(_useState13, 2),
-      countDownTime = _useState14[0],
-      setCountDownTime = _useState14[1];
-
+    _useState14 = _slicedToArray(_useState13, 2),
+    countDownTime = _useState14[0],
+    setCountDownTime = _useState14[1];
   var translate = function translate(id) {
     if (translateFromParent) return translateFromParent(id); // when there is no emitEvent pass the Translate
-
     return emitEvent({
       type: 'translate',
       payload: id
     });
   };
-
   var _soundActions = _slicedToArray(soundActions, 1),
-      playSound = _soundActions[0];
-
+    playSound = _soundActions[0];
   var solution = info.solution;
   var imageUrl = image.img.url || defaultImg;
   var areasList = areas.map(function (area, index) {
@@ -177,7 +142,6 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
           if (t > 1) {
             return t - 1;
           }
-
           return 0;
         });
       }, 1000);
@@ -216,7 +180,6 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
   var feedbackError = (0, _react.useCallback)(function () {
     setFeedbackData(function () {
       var _info$timerFeedback, _info$timerFeedback2;
-
       return {
         show: true,
         success: false,
@@ -231,8 +194,8 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
   var listenerForActualDate = (0, _react.useCallback)(function () {
     clearInterval(intervalForActualDate.current);
     intervalForActualDate.current = setInterval(function () {
-      actualDate.current = Date.now(); // show timerFeedback when finish the time
-
+      actualDate.current = Date.now();
+      // show timerFeedback when finish the time
       if (actualDate.current > finalDate.current) {
         feedbackError();
       }
@@ -241,13 +204,11 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
   (0, _react.useEffect)(function () {
     if ((areas.length === clickedZones.length || hasClickOnce && clickedZones.length > 0) && !completed) {
       var _specificFeedbacks$co;
-
       setCompleted(true);
       var lastClicked = clickedZones[clickedZones.length - 1];
       var lastSpecific = specificFeedbacks === null || specificFeedbacks === void 0 ? void 0 : specificFeedbacks.correctFeedbacks.find(function (feed) {
         return feed.id === lastClicked.id;
       });
-
       if (!(specificFeedbacks !== null && specificFeedbacks !== void 0 && (_specificFeedbacks$co = specificFeedbacks.correctFeedbacks) !== null && _specificFeedbacks$co !== void 0 && _specificFeedbacks$co.length) || specificFeedbacks !== null && specificFeedbacks !== void 0 && specificFeedbacks.correctFeedbacks.some(function (feed) {
         return !feed.desc;
       }) || hasClickOnce) {
@@ -259,7 +220,6 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
             rewards: lastSpecific ? lastSpecific.rewards : info.solution.right.rewards
           });
         });
-
         if (timer) {
           clearIntervalForCountDown();
           pauseTheCounter();
@@ -272,7 +232,6 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
       if (timer) {
         clearIntervalForCountDown();
         setDialogForTimer(false);
-
         if (feedbackData.show) {
           setFeedbackData(function (oldState) {
             return _objectSpread(_objectSpread({}, oldState), {}, {
@@ -286,7 +245,6 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
           clearListenerForActualDate();
         }
       }
-
       setCompleted(true);
       setFinished(true);
       setTimeout(function () {
@@ -303,45 +261,36 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
       disableExit(true);
     }
   }, [finished, disableExit]);
-
   var handleIncorrectAreaClick = function handleIncorrectAreaClick(area) {
     var notInOrder = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
     if (!completed) {
       var _specificFeedbacks$wr;
-
       var _solution$wrong = solution.wrong,
-          wrongRewards = _solution$wrong.rewards,
-          desc = _solution$wrong.desc;
+        wrongRewards = _solution$wrong.rewards,
+        desc = _solution$wrong.desc;
       var feedback = desc;
       var rewards = wrongRewards;
       var specific = specificFeedbacks === null || specificFeedbacks === void 0 ? void 0 : (_specificFeedbacks$wr = specificFeedbacks.wrongFeedbacks) === null || _specificFeedbacks$wr === void 0 ? void 0 : _specificFeedbacks$wr.find(function (feed) {
         return feed.id === area.id;
       });
-
       if (specific) {
         feedback = specific.desc;
         rewards = specific.rewards;
       }
-
       if (hasClickOrder) {
         setClickedZones([]);
-
         if (notInOrder) {
           var _info$orderFeedback;
-
           if (info !== null && info !== void 0 && (_info$orderFeedback = info.orderFeedback) !== null && _info$orderFeedback !== void 0 && _info$orderFeedback.desc) {
             feedback = info.orderFeedback.desc;
             rewards = info.orderFeedback.rewards;
           }
         }
       }
-
       if (timer) {
         clearIntervalForCountDown();
         pauseTheCounter();
       }
-
       setFeedbackData(function (oldState) {
         return _objectSpread(_objectSpread({}, oldState), {}, {
           show: true,
@@ -353,13 +302,11 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
       playSound('fail');
     }
   };
-
   var handleOnClose = (0, _react.useCallback)(function () {
     whenCloseFeedbackDate.current = Date.now();
     var newFinalDate = whenCloseFeedbackDate.current + remainingTime.current;
     actualDate.current = null;
     finalDate.current = newFinalDate;
-
     if (timer || timeExpired) {
       if (!feedbackData.success) {
         setClickedZones([]);
@@ -373,7 +320,6 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
         listenerForActualDate();
       }
     }
-
     handleFinish(feedbackData.rewards, feedbackData.success);
     playSound('click-ui');
     setFeedbackData(function (oldState) {
@@ -385,7 +331,6 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
       });
     });
   }, [timer, timeExpired, handleFinish, feedbackData.rewards, feedbackData.success, playSound, areas.length, clickedZones.length, hasClickOnce, emitResetPuzzle, clearIntervalForCountDown, startCountDown, listenerForActualDate]);
-
   var handleCorrectAreaClick = function handleCorrectAreaClick(area) {
     if (!clickedZones.some(function (zone) {
       return zone.index === area.index;
@@ -394,28 +339,21 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
       var feedback = solution.right.desc;
       var rewards = solution.right.rewards;
       var updatedZones = [].concat(_toConsumableArray(clickedZones), [area]);
-
       if (hasClickOrder && area.index === clickedZones.length || !hasClickOrder) {
         var _specificFeedbacks$co2;
-
         if (timer) {
           pauseTheCounter();
         }
-
         handleClick();
-
         if (specificFeedbacks !== null && specificFeedbacks !== void 0 && (_specificFeedbacks$co2 = specificFeedbacks.correctFeedbacks) !== null && _specificFeedbacks$co2 !== void 0 && _specificFeedbacks$co2.length) {
           var _specificFeedbacks$co3;
-
           var specific = (_specificFeedbacks$co3 = specificFeedbacks.correctFeedbacks) === null || _specificFeedbacks$co3 === void 0 ? void 0 : _specificFeedbacks$co3.find(function (feed) {
             return feed.id === area.id;
           });
-
           if (specific) {
             feedback = specific.desc;
             rewards = specific.rewards;
           }
-
           if (!feedback && areas.length > updatedZones.length && !hasClickOnce) {
             handleFinish(rewards, true);
           } else if (feedback && !hasClickOnce) {
@@ -427,30 +365,25 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
                 rewards: rewards
               });
             });
-
             if (timer) {
               clearIntervalForCountDown();
               pauseTheCounter();
             }
           }
         }
-
         setClickedZones(updatedZones);
       } else {
         handleIncorrectAreaClick(area, true);
       }
     }
   };
-
   var createStartAndEndDate = (0, _react.useCallback)(function () {
     clearIntervalForCountDown();
     setCountDownTime(timer);
     startCountDown();
-
     if (!popupCounterVisible.current && firstTryForFrame) {
       emitOpenPopupCounterInfo();
     }
-
     setDialogForTimer(false);
     startDate.current = Date.now();
     finalDate.current = startDate.current + timer * 1000;
@@ -469,8 +402,9 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
   }, [createStartAndEndDate, defaultCompleted, firstTryForFrame, puzzlesAutoCompleted, slideNumber, timer]);
   (0, _react.useEffect)(function () {
     if (timer && countDownTime === 0) feedbackError();
-  }, [countDownTime, feedbackError, timer]); // only for frameclick
+  }, [countDownTime, feedbackError, timer]);
 
+  // only for frameclick
   (0, _react.useEffect)(function () {
     if (timer) {
       if (pause) {
@@ -511,7 +445,6 @@ var ImageClickWrapperComponent = function ImageClickWrapperComponent(props) {
     time: countDownTime
   }) : null);
 };
-
 ImageClickWrapperComponent.defaultProps = {
   info: {
     instructions: '',

package/dist/components/image-click-wrapper-component/components/TimerDialog/index.js

@@ -4,15 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var TimerDialog = function TimerDialog(_ref) {
   var retry = _ref.retry,
-      translate = _ref.translate,
-      onInit = _ref.onInit;
+    translate = _ref.translate,
+    onInit = _ref.onInit;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "timer-dialog"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -25,6 +22,5 @@ var TimerDialog = function TimerDialog(_ref) {
     onClick: onInit
   }, /*#__PURE__*/_react.default.createElement("span", null, !retry ? translate('storylines.misc.retry') : translate('storylines.misc.start')))));
 };
-
 var _default = TimerDialog;
 exports.default = _default;

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

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _ImageClickWrapperComponent = _interopRequireDefault(require("./components/ImageClickWrapperComponent"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = _ImageClickWrapperComponent.default;
 exports.default = _default;

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

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mockPropsOnce = exports.mockProps4 = exports.mockProps3 = exports.mockProps2 = exports.mockProps = void 0;
-
 var _mocker = require("helpers/mocker");
-
 var mockProps = {
   emitEvent: _mocker.emitEvent,
   disableExit: function disableExit() {},

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

@@ -1,58 +1,42 @@
 "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"));
-
 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 _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 == null ? null : 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 _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 ImageComponent = function ImageComponent(_ref) {
   var emitEvent = _ref.emitEvent,
-      img = _ref.img,
-      imgName = _ref.imgName,
-      documentType = _ref.documentType,
-      visible = _ref.visible,
-      viewed = _ref.viewed,
-      imgId = _ref.imgId_labelId,
-      soundActions = _ref.soundActions,
-      keyboardControl = _ref.keyboardControl;
-
+    img = _ref.img,
+    imgName = _ref.imgName,
+    documentType = _ref.documentType,
+    visible = _ref.visible,
+    viewed = _ref.viewed,
+    imgId = _ref.imgId_labelId,
+    soundActions = _ref.soundActions,
+    keyboardControl = _ref.keyboardControl;
   var translate = function translate(id) {
     return emitEvent({
       type: 'translate',
       payload: id
     });
   };
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      saved = _useState2[0],
-      save = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    saved = _useState2[0],
+    save = _useState2[1];
   var imgUrl = img.url;
-
   var _soundActions = _slicedToArray(soundActions, 1),
-      playSound = _soundActions[0];
-
+    playSound = _soundActions[0];
   var close = (0, _react.useCallback)(function () {
     playSound('click-ui');
     var item = {
@@ -74,11 +58,9 @@ var ImageComponent = function ImageComponent(_ref) {
       close();
     }
   }, [close, visible, saved]);
-
   if (!visible) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: viewed ? 'notes--results' : 'readings--container readings--container--darkopacity'
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -97,6 +79,5 @@ var ImageComponent = function ImageComponent(_ref) {
     className: "icon-close"
   }))) : null));
 };
-
 var _default = ImageComponent;
 exports.default = _default;

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

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _ImageComponent = _interopRequireDefault(require("./components/ImageComponent"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = _ImageComponent.default;
 exports.default = _default;

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

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mockWithNotVisible = exports.mockWithImageNotViewed = exports.mockProps = void 0;
-
 var _mocker = require("helpers/mocker");
-
 var mockProps = {
   soundActions: _mocker.soundActions,
   keyboardControl: _mocker.keyboardControl,