@gamelearn/arcade-components 2.41.1 → 3.0.2

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

@@ -1,472 +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 _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) { 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 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"
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    alt: "img",
-    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;
-  var _useState = (0, _react.useState)([]),
-    _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];
-  var _useState5 = (0, _react.useState)(false),
-    _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
-  var _useState9 = (0, _react.useState)(true),
-    _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];
-  var startDate = (0, _react.useRef)(null);
-  var actualDate = (0, _react.useRef)(null);
-  var intervalForActualDate = (0, _react.useRef)(null);
-  var finalDate = (0, _react.useRef)(null);
-  var pauseDate = (0, _react.useRef)(null);
-  var whenCloseFeedbackDate = (0, _react.useRef)(null);
-  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];
-  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];
-  var solution = info.solution;
-  var imageUrl = image.img.url || defaultImg;
-  var areasList = areas.map(function (area, index) {
-    return _objectSpread({
-      index: index,
-      shape: 'poly'
-    }, area);
-  });
-  var badAreasList = badAreas.map(function (area, index) {
-    return _objectSpread({
-      index: index,
-      shape: 'poly'
-    }, area);
-  });
-  var startCountDown = (0, _react.useCallback)(function () {
-    if (!dialogForTimer) {
-      var timeout = setInterval(function () {
-        setCountDownTime(function (t) {
-          if (t > 1) {
-            return t - 1;
-          }
-          return 0;
-        });
-      }, 1000);
-      intervalForCountDown.current = timeout;
-    }
-  }, [dialogForTimer]);
-  var handleFinish = (0, _react.useCallback)(function (rewards, success) {
-    if (emitFinish) {
-      emitFinish(rewards, success);
-    } else {
-      emitEvent({
-        type: 'addPoints',
-        payload: rewards
-      });
-    }
-  }, [emitEvent, emitFinish]);
-  (0, _react.useEffect)(function () {
-    if (completed) {
-      disableExit(true);
-    }
-  }, [completed, disableExit]);
-  (0, _react.useEffect)(function () {
-    setCompleted(defaultCompleted);
-  }, [defaultCompleted]);
-  var clearListenerForActualDate = (0, _react.useCallback)(function () {
-    clearInterval(intervalForActualDate.current);
-  }, []);
-  var clearIntervalForCountDown = (0, _react.useCallback)(function () {
-    clearInterval(intervalForCountDown.current);
-  }, []);
-  var pauseTheCounter = (0, _react.useCallback)(function (remainingTimeWhenPauseTheCounter) {
-    pauseDate.current = Date.now();
-    if (!finalDate.current) {
-      remainingTime.current = pauseDate.current - (pauseDate.current - remainingTimeWhenPauseTheCounter * 1000);
-      clearListenerForActualDate();
-    } else {
-      remainingTime.current = finalDate.current - pauseDate.current;
-      clearListenerForActualDate();
-    }
-  }, [clearListenerForActualDate]);
-  var feedbackError = (0, _react.useCallback)(function () {
-    setFeedbackData(function () {
-      var _info$timerFeedback, _info$timerFeedback2;
-      return {
-        show: true,
-        success: false,
-        text: info !== null && info !== void 0 && (_info$timerFeedback = info.timerFeedback) !== null && _info$timerFeedback !== void 0 && _info$timerFeedback.desc ? info.timerFeedback.desc : '',
-        rewards: info === null || info === void 0 ? void 0 : (_info$timerFeedback2 = info.timerFeedback) === null || _info$timerFeedback2 === void 0 ? void 0 : _info$timerFeedback2.rewards
-      };
-    });
-    setTimeExpired(true);
-    clearIntervalForCountDown();
-    clearListenerForActualDate();
-  }, [clearIntervalForCountDown, clearListenerForActualDate, (_info$timerFeedback3 = info.timerFeedback) === null || _info$timerFeedback3 === void 0 ? void 0 : _info$timerFeedback3.desc, (_info$timerFeedback4 = info.timerFeedback) === null || _info$timerFeedback4 === void 0 ? void 0 : _info$timerFeedback4.rewards]);
-  var listenerForActualDate = (0, _react.useCallback)(function () {
-    clearInterval(intervalForActualDate.current);
-    intervalForActualDate.current = setInterval(function () {
-      actualDate.current = Date.now();
-      // show timerFeedback when finish the time
-      if (actualDate.current > finalDate.current) {
-        feedbackError();
-      }
-    }, 250);
-  }, [feedbackError]);
-  (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) {
-        setFeedbackData(function (oldState) {
-          return _objectSpread(_objectSpread({}, oldState), {}, {
-            show: true,
-            success: true,
-            text: lastSpecific ? lastSpecific.desc : info.solution.right.desc,
-            rewards: lastSpecific ? lastSpecific.rewards : info.solution.right.rewards
-          });
-        });
-        if (timer) {
-          clearIntervalForCountDown();
-          pauseTheCounter();
-        }
-      }
-    }
-  }, [clickedZones, areas.length, specificFeedbacks, hasClickOnce, completed, info.solution.right, pauseTheCounter, timer, clearIntervalForCountDown]);
-  (0, _react.useEffect)(function () {
-    setResolveAction(function (resolve) {
-      if (timer) {
-        clearIntervalForCountDown();
-        setDialogForTimer(false);
-        if (feedbackData.show) {
-          setFeedbackData(function (oldState) {
-            return _objectSpread(_objectSpread({}, oldState), {}, {
-              show: false,
-              success: false,
-              text: '',
-              rewards: []
-            });
-          });
-        } else {
-          clearListenerForActualDate();
-        }
-      }
-      setCompleted(true);
-      setFinished(true);
-      setTimeout(function () {
-        if (emitResolve) {
-          emitResolve(resolve);
-        } else {
-          resolve();
-        }
-      }, 4000);
-    });
-  }, [setResolveAction, emitResolve, playSound, timer, feedbackData.show, clearListenerForActualDate, clearIntervalForCountDown]);
-  (0, _react.useEffect)(function () {
-    if (finished) {
-      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;
-      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,
-          success: false,
-          text: feedback,
-          rewards: rewards
-        });
-      });
-      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([]);
-        setDialogForTimer(true);
-        emitResetPuzzle();
-      } else if (areas.length === clickedZones.length || hasClickOnce && clickedZones.length > 0) {
-        clearIntervalForCountDown();
-      } else {
-        setCountDownTime(remainingTime.current * 0.001);
-        startCountDown();
-        listenerForActualDate();
-      }
-    }
-    handleFinish(feedbackData.rewards, feedbackData.success);
-    playSound('click-ui');
-    setFeedbackData(function (oldState) {
-      return _objectSpread(_objectSpread({}, oldState), {}, {
-        show: false,
-        success: false,
-        text: '',
-        rewards: []
-      });
-    });
-  }, [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;
-    }) && !feedbackData.show && !completed) {
-      playSound('click-ui');
-      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(countDownTime);
-        }
-        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) {
-            setFeedbackData(function (oldState) {
-              return _objectSpread(_objectSpread({}, oldState), {}, {
-                show: true,
-                success: true,
-                text: feedback,
-                rewards: rewards
-              });
-            });
-            if (timer) {
-              clearIntervalForCountDown();
-            }
-          }
-        }
-        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;
-    listenerForActualDate();
-  }, [clearIntervalForCountDown, timer, startCountDown, firstTryForFrame, listenerForActualDate, emitOpenPopupCounterInfo]);
-  (0, _react.useEffect)(function () {
-    // start automatically the time
-    if (timer && slideNumber > 0 && !cheatClue.current) {
-      if (firstTryForFrame && Object.keys(puzzlesAutoCompleted).length && puzzlesAutoCompleted[slideNumber - 1]) {
-        setDialogForTimer(true);
-        cheatClue.current = true;
-      } else {
-        setDialogForTimer(false);
-      }
-    }
-  }, [defaultCompleted, firstTryForFrame, puzzlesAutoCompleted, slideNumber, timer]);
-  (0, _react.useEffect)(function () {
-    if (timer && countDownTime === 0) feedbackError();
-  }, [countDownTime, feedbackError, timer]);
-
-  // only for frameclick
-  (0, _react.useEffect)(function () {
-    if (timer) {
-      if (pause) {
-        clearIntervalForCountDown();
-        pauseTheCounter();
-      } else {
-        startCountDown();
-      }
-    }
-  }, [clearIntervalForCountDown, listenerForActualDate, pause, pauseTheCounter, startCountDown, timer]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: className
-  }, feedbackData.show ? /*#__PURE__*/_react.default.createElement(_FeedbackComponent.default, {
-    playSound: playSound,
-    text: feedbackData.text,
-    success: feedbackData.success,
-    translate: translate,
-    hasTimeout: !feedbackData.text,
-    delay: timer ? 1000 : 2000,
-    functionOnClose: handleOnClose,
-    timeExpired: timeExpired,
-    keyboardControl: keyboardControl
-  }) : null, /*#__PURE__*/_react.default.createElement(_KonvaMapper.default, {
-    completed: completed,
-    imageUrl: imageUrl,
-    areas: hasClickOnce && clickedZones.length ? [clickedZones[0]] : areasList,
-    badAreas: badAreasList,
-    clickedZones: clickedZones,
-    onClick: handleCorrectAreaClick,
-    onClickOutside: handleIncorrectAreaClick,
-    hasHighlights: hasHighlights,
-    emitEvent: emitEvent
-  }), hasImageReview ? /*#__PURE__*/_react.default.createElement(ImageReview, null) : null, timer && dialogForTimer ? /*#__PURE__*/_react.default.createElement(_TimerDialog.default, {
-    retry: firstTryForFrame || puzzlesAutoCompleted[slideNumber - 1],
-    translate: translate,
-    onInit: createStartAndEndDate
-  }) : null, timer ? /*#__PURE__*/_react.default.createElement(_CountDown.default, {
-    time: countDownTime
-  }) : null);
-};
-ImageClickWrapperComponent.defaultProps = {
-  info: {
-    instructions: '',
-    resolve: {},
-    solution: {},
-    hint: {},
-    title: ''
-  },
-  badAreas: [],
-  className: 'puzzle--image__click',
-  hasClickOrder: false,
-  hasClickOnce: false,
-  hasHighlights: false,
-  hasImageReview: false,
-  defaultCompleted: false,
-  hideContinue: false,
-  emitAreaClick: function emitAreaClick() {},
-  handleClick: function handleClick() {}
-};
-var _default = ImageClickWrapperComponent;
-exports.default = _default;

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

@@ -1,26 +0,0 @@
-"use strict";
-
-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;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "timer-dialog"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "timer-dialog__container"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "timer-dialog__title"
-  }, translate('storylines.misc.ready')), /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    className: "gat--btn gat--btn__primary",
-    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

@@ -1,10 +0,0 @@
-"use strict";
-
-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;