@gamelearn/arcade-components 2.41.0 → 3.0.1

package/dist/components/drag-item-puzzle-component/components/DragItemPuzzleComponent.js

@@ -1,359 +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 _interactjs = _interopRequireDefault(require("interactjs"));
-var _reactKonva = require("react-konva");
-var _reactKonvaUtils = require("react-konva-utils");
-var _feedbackComponent = _interopRequireDefault(require("../../feedback-component"));
-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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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 DragItemPuzzleComponent = function DragItemPuzzleComponent(_ref) {
-  var area = _ref.area,
-    image = _ref.image,
-    resolveObject = _ref.resolveObject,
-    info = _ref.info,
-    hasHighlights = _ref.hasHighlights,
-    consume = _ref.consume,
-    disableExit = _ref.disableExit,
-    emitEvent = _ref.emitEvent,
-    soundActions = _ref.soundActions,
-    keyboardControl = _ref.keyboardControl;
-  var solution = info.solution;
-  var areaRef = (0, _react.useRef)();
-  var areaTextRef = (0, _react.useRef)();
-  var stageRef = (0, _react.useRef)();
-  var canvas = (0, _react.useRef)();
-  var layerConfig = (0, _react.useRef)({});
-  var _useState = (0, _react.useState)(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    resolvedClass = _useState2[0],
-    setResolveClass = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    imageLoaded = _useState4[0],
-    setImageLoaded = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    inventoryAutoOpen = _useState6[0],
-    setInventoryAutoOpen = _useState6[1];
-  var _useState7 = (0, _react.useState)(),
-    _useState8 = _slicedToArray(_useState7, 2),
-    projectionConfig = _useState8[0],
-    setProjectionConfig = _useState8[1];
-  var _useState9 = (0, _react.useState)(new window.Image()),
-    _useState10 = _slicedToArray(_useState9, 1),
-    currentImage = _useState10[0];
-  var accRewards = (0, _react.useRef)([]);
-  var _soundActions = _slicedToArray(soundActions, 1),
-    playSound = _soundActions[0];
-  var translate = function translate(id) {
-    return emitEvent({
-      type: 'translate',
-      payload: id
-    });
-  };
-  (0, _react.useEffect)(function () {
-    disableExit(resolvedClass !== '');
-  }, [resolvedClass, disableExit]);
-  var intersectRect = function intersectRect(a, b) {
-    return (a.x + a.width > b.x && a.x + a.width <= b.x + b.width || b.x + b.width > a.x && b.x + b.width <= a.x + a.width) && (a.y + a.height > b.y && a.y + a.height <= b.y + b.height || b.y + b.height > a.y && b.y + b.height <= a.y + a.height);
-  };
-  var mouseEnterArea = function mouseEnterArea() {
-    if (areaRef && hasHighlights) {
-      areaRef.current.to({
-        duration: 0.25,
-        opacity: 0.75
-      });
-      areaTextRef.current.to({
-        duration: 0.25,
-        opacity: 0.4
-      });
-    }
-  };
-  var mouseLeaveArea = function mouseLeaveArea() {
-    if (areaRef && hasHighlights) {
-      areaRef.current.to({
-        duration: 0.25,
-        opacity: 0
-      });
-      areaTextRef.current.to({
-        duration: 0.25,
-        opacity: 0
-      });
-    }
-  };
-  var calculateOverArea = (0, _react.useCallback)(function (e) {
-    var over = false;
-    if (e) {
-      var stage = stageRef.current;
-      var lastMousePos = JSON.parse(e.relatedTarget.getAttribute('data-lastEvent'));
-      stage.setPointersPositions(lastMousePos);
-      var mousePos = stage.getPointerPosition();
-      var areaPos = areaRef.current.getClientRect({
-        relativeTo: stage
-      });
-      over = intersectRect(_objectSpread(_objectSpread({}, mousePos), {}, {
-        width: 1,
-        height: 1
-      }), areaPos);
-    }
-    return over;
-  }, []);
-  var checkCorrectObject = (0, _react.useCallback)(function (object) {
-    return object && resolveObject.uid === JSON.parse(object).uid;
-  }, [resolveObject.uid]);
-  var handleFinish = (0, _react.useCallback)(function () {
-    setResolveClass('');
-    emitEvent({
-      type: 'hidePuzzleButtons',
-      payload: false
-    });
-    emitEvent({
-      type: 'addPoints',
-      complex: true,
-      finish: true,
-      payload: accRewards.current
-    });
-    emitEvent({
-      type: 'passPuzzle'
-    });
-    if (consume) {
-      emitEvent({
-        type: 'consumeItem',
-        payload: {
-          uid: resolveObject.uid,
-          targetId: resolveObject.uid,
-          name: resolveObject.name
-        }
-      });
-    }
-    emitEvent({
-      type: 'closeUI',
-      ui: 'inventory'
-    });
-  }, [consume, emitEvent, resolveObject.name, resolveObject.uid]);
-  var handleClose = (0, _react.useCallback)(function () {
-    setResolveClass('success');
-    emitEvent({
-      type: 'hidePuzzleButtons',
-      payload: true
-    });
-    accRewards.current = [].concat(_toConsumableArray(accRewards.current), _toConsumableArray(solution.right.rewards));
-    setTimeout(function () {
-      handleFinish();
-    }, 2000);
-  }, [emitEvent, handleFinish, solution.right.rewards]);
-  var handleFail = (0, _react.useCallback)(function () {
-    emitEvent({
-      type: 'closeUI',
-      ui: 'inventory'
-    });
-    setResolveClass('');
-    emitEvent({
-      type: 'hidePuzzleButtons',
-      payload: false
-    });
-    emitEvent({
-      type: 'failPuzzle'
-    });
-    accRewards.current = [].concat(_toConsumableArray(accRewards.current), _toConsumableArray(solution.wrong.rewards));
-  }, [emitEvent, solution.wrong.rewards]);
-  var handleDrop = (0, _react.useCallback)(function (e) {
-    e.dragEvent.stopPropagation();
-    e.dragEvent.preventDefault();
-    var over = calculateOverArea(e.dragEvent);
-    var object = e.relatedTarget.getAttribute('data-item');
-    emitEvent({
-      type: 'hidePuzzleButtons',
-      payload: true
-    });
-    if (over && checkCorrectObject(object)) {
-      setResolveClass('success');
-      emitEvent({
-        type: 'closeUI',
-        ui: 'inventory'
-      });
-      if (info.solution.right.desc === '') {
-        handleClose();
-      }
-    } else {
-      emitEvent({
-        type: 'closeUI',
-        ui: 'inventory'
-      });
-      setResolveClass('failed');
-      if (info.solution.wrong.desc === '') {
-        setTimeout(function () {
-          handleFail();
-        }, 2000);
-      }
-    }
-  }, [calculateOverArea, checkCorrectObject, emitEvent, handleClose, handleFail, info.solution.right.desc, info.solution.wrong.desc]);
-  var handleFeedbackFuncionOnClose = function handleFeedbackFuncionOnClose() {
-    if (resolvedClass === 'success') {
-      handleClose();
-    } else {
-      handleFail();
-    }
-  };
-  (0, _react.useEffect)(function () {
-    var imageUrl = image.img.url || '';
-    currentImage.src = imageUrl;
-    currentImage.onload = function () {
-      if (canvas.current) {
-        layerConfig.current = {
-          x: canvas.current.clientWidth / 2,
-          y: canvas.current.clientHeight / 2,
-          width: currentImage.width,
-          height: currentImage.height,
-          offsetX: currentImage.width / 2,
-          offsetY: currentImage.height / 2,
-          scale: {
-            x: Math.min(canvas.current.clientWidth / currentImage.width, canvas.current.clientHeight / currentImage.height),
-            y: Math.min(canvas.current.clientWidth / currentImage.width, canvas.current.clientHeight / currentImage.height)
-          }
-        };
-        setImageLoaded(true);
-      }
-    };
-  }, [currentImage, image.img.url]);
-  (0, _react.useEffect)(function () {
-    if (!inventoryAutoOpen) {
-      emitEvent({
-        type: 'openUI',
-        ui: 'inventory'
-      });
-      setInventoryAutoOpen(true);
-    }
-  }, [inventoryAutoOpen, emitEvent]);
-  var handleStageRef = (0, _react.useCallback)(function (node) {
-    if (node !== null) {
-      stageRef.current = node;
-      node.container().addEventListener('mousemove', function (e) {
-        node.setPointersPositions(e);
-      });
-      (0, _interactjs.default)(node.container()).dropzone({
-        listeners: {
-          drop: handleDrop
-        }
-      });
-    }
-  }, [handleDrop]);
-  var handleAreaRef = function handleAreaRef(node) {
-    if (node !== null) {
-      areaRef.current = node;
-    }
-  };
-  var handleAreaTextRef = function handleAreaTextRef(node) {
-    if (node !== null) {
-      areaTextRef.current = node;
-      if (areaRef.current) {
-        var _areaRef$current$getC = areaRef.current.getClientRect(),
-          x = _areaRef$current$getC.x,
-          y = _areaRef$current$getC.y,
-          areaWidth = _areaRef$current$getC.width,
-          areaHeight = _areaRef$current$getC.height;
-        node.setAttr('x', x);
-        node.setAttr('y', y);
-        node.setAttr('height', areaHeight);
-        node.setAttr('width', areaWidth);
-      }
-    }
-  };
-  (0, _react.useLayoutEffect)(function () {
-    if (areaRef.current && imageLoaded) {
-      var rect = areaRef.current.getClientRect({
-        relativeTo: areaRef.current.getParent()
-      });
-      setProjectionConfig({
-        x: rect.x + rect.width / 2,
-        y: rect.y + rect.height / 2
-      });
-    }
-  }, [imageLoaded]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "puzzle--drag__mask100"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "puzzle--drag__mask"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    ref: canvas,
-    "data-testid": "mask_canvas",
-    className: "puzzle--drag__mask--canvas"
-  }, imageLoaded ? /*#__PURE__*/_react.default.createElement(_reactKonva.Stage, {
-    ref: handleStageRef,
-    width: canvas.current.clientWidth,
-    height: canvas.current.clientHeight
-  }, /*#__PURE__*/_react.default.createElement(_reactKonva.Layer, null, /*#__PURE__*/_react.default.createElement(_reactKonva.Image, _extends({
-    image: currentImage
-  }, layerConfig.current)), /*#__PURE__*/_react.default.createElement(_reactKonva.Group, layerConfig.current, projectionConfig ? /*#__PURE__*/_react.default.createElement(_reactKonvaUtils.Html, {
-    transform: true,
-    groupProps: _objectSpread({
-      id: 'projection'
-    }, projectionConfig),
-    divProps: {
-      style: {
-        pointerEvents: 'none'
-      }
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      width: '50px',
-      height: '50px',
-      pointerEvents: 'none'
-    },
-    id: "object-area-projection"
-  })) : null, /*#__PURE__*/_react.default.createElement(_reactKonva.Line, _extends({
-    onMouseEnter: mouseEnterArea,
-    onMouseLeave: mouseLeaveArea,
-    ref: handleAreaRef
-  }, area, {
-    shape: "poly",
-    fill: "#262a31d9",
-    stroke: "white",
-    strokeWidth: 1,
-    opacity: 0,
-    dash: [3, 2],
-    closed: true
-  }))), /*#__PURE__*/_react.default.createElement(_reactKonva.Text, {
-    onMouseEnter: mouseEnterArea,
-    onMouseLeave: mouseLeaveArea,
-    ref: handleAreaTextRef,
-    text: translate('puzzle.drag.dropzone'),
-    fontSize: 12,
-    align: "center",
-    verticalAlign: "middle",
-    fill: "#ffffff",
-    opacity: 0
-  }))) : null)), resolvedClass !== '' ? /*#__PURE__*/_react.default.createElement(_feedbackComponent.default, {
-    text: info.solution[resolvedClass === 'success' ? 'right' : 'wrong'].desc,
-    success: resolvedClass === 'success',
-    translate: translate,
-    playSound: playSound,
-    functionOnClose: handleFeedbackFuncionOnClose,
-    keyboardControl: keyboardControl
-  }) : null);
-};
-var _default = DragItemPuzzleComponent;
-exports.default = _default;

package/dist/components/drag-item-puzzle-component/index.js

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

package/dist/components/drag-item-puzzle-component/mocks/mockForStory.js

@@ -1,74 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mockProps = exports.default = void 0;
-var _mocker = require("helpers/mocker");
-/* eslint-disable max-len */
-
-var mockProps = {
-  emitEvent: _mocker.emitEvent,
-  soundActions: _mocker.soundActions,
-  keyboardControl: _mocker.keyboardControl,
-  disableExit: function disableExit() {},
-  resolveObject: {
-    uid: '123',
-    name: 'cube',
-    type: 'object'
-  },
-  area: {
-    closed: true,
-    draggable: true,
-    fill: 'rgba(63, 65, 70, 0.65)',
-    name: 'DefaultArea',
-    offsetX: 0,
-    offsetY: 0,
-    points: [552.3175, 277.64966809839905, 481.945, 522.7914096056227, 1356.27, 601.6631003514252, 1260.3075, 192.38297540023427],
-    rotation: 0,
-    scaleX: 1,
-    scaleY: 1,
-    skewX: 0,
-    skewY: 0,
-    stroke: '#007eff',
-    strokeWidth: 2,
-    x: 0,
-    y: 0
-  },
-  hasHighlights: true,
-  consume: true,
-  image: {
-    height: 1280,
-    img: {
-      name: 'perro_grande.jpg',
-      resourceId: '60b0b2096deb7a0011206029',
-      url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/60b0b2096deb7a0011206029/perro_grande.jpg'
-    },
-    imgName: 'perro_grande.jpg'
-  },
-  info: {
-    hint: {
-      active: false,
-      desc: 'hint',
-      rewards: []
-    },
-    resolve: {
-      rewards: []
-    },
-    solution: {
-      right: {
-        desc: 'correctSolution',
-        rewards: []
-      },
-      wrong: {
-        desc: 'wrongSolution',
-        rewards: []
-      }
-    },
-    instructions: 'instructions',
-    description: 'description'
-  }
-};
-exports.mockProps = mockProps;
-var _default = mockProps;
-exports.default = _default;

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

@@ -1,126 +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 _LangIsRtl = _interopRequireDefault(require("../../../helpers/LangIsRtl"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _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 FeedbackComponent = function FeedbackComponent(_ref) {
-  var text = _ref.text,
-    success = _ref.success,
-    playSound = _ref.playSound,
-    additionalStyle = _ref.additionalStyle,
-    functionOnClose = _ref.functionOnClose,
-    secondText = _ref.secondText,
-    translate = _ref.translate,
-    shortText = _ref.shortText,
-    hasTimeout = _ref.hasTimeout,
-    delay = _ref.delay,
-    timeExpired = _ref.timeExpired,
-    keyboardControl = _ref.keyboardControl;
-  var _useState = (0, _react.useState)(),
-    _useState2 = _slicedToArray(_useState, 2),
-    explain = _useState2[0],
-    setExplain = _useState2[1];
-  (0, _react.useEffect)(function () {
-    var timerForShowExplain;
-    if (playSound) {
-      playSound(success ? 'score' : 'fail');
-    }
-    if (text && !shortText) {
-      timerForShowExplain = setTimeout(function () {
-        setExplain(true);
-      }, 1000);
-    }
-    return function () {
-      if (timerForShowExplain) clearTimeout(timerForShowExplain);
-    };
-  }, [playSound, success, shortText, text]);
-  (0, _react.useEffect)(function () {
-    var timeout;
-    if (hasTimeout && functionOnClose) {
-      timeout = setTimeout(functionOnClose, delay);
-    }
-    return function () {
-      if (timeout) clearTimeout(timeout);
-    };
-  }, [delay, functionOnClose, hasTimeout]);
-  var statusColor = function statusColor() {
-    if (success) {
-      return 'success';
-    }
-    return 'failed';
-  };
-  var statusIcon = function statusIcon() {
-    if (success) {
-      return 'icon-correct-thumb';
-    }
-    if (timeExpired) {
-      return 'icon-times-up';
-    }
-    return 'icon-incorrect-thumb';
-  };
-  keyboardControl(null, text && functionOnClose && explain ? functionOnClose : null, text && functionOnClose && explain || functionOnClose && shortText ? functionOnClose : null);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "feedback-layer ".concat(explain ? 'feedback-layer--withexplain' : '')
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "feedback-layer__header ".concat(shortText ? 'feedback-layer__header--in-shortText' : '', " ").concat(additionalStyle || '', " ").concat(statusColor())
-  }, secondText && /*#__PURE__*/_react.default.createElement("span", {
-    className: "puzzle--terminal__visor--file"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "puzzle--terminal__icon ".concat(additionalStyle || '')
-  }), /*#__PURE__*/_react.default.createElement("span", null, secondText)), /*#__PURE__*/_react.default.createElement("span", {
-    className: "feedback-layer__maintitle"
-  }, !text || !shortText ? /*#__PURE__*/_react.default.createElement("div", {
-    title: translate("tooltip.".concat(success ? 'correct' : 'incorrect')),
-    className: "".concat(statusIcon())
-  }) : text), shortText && /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    className: "feedback-layer__closeX",
-    onClick: function onClick() {
-      return functionOnClose();
-    },
-    "aria-label": translate('storylines.misc.closePiece')
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-close"
-  }))), !shortText && text !== '' && /*#__PURE__*/_react.default.createElement("div", {
-    className: "feedback-layer__explainwrap"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "feedback-layer__explain"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    dir: "auto"
-  }, text), text && functionOnClose && explain && /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    className: "gat--btn__navigation",
-    onClick: function onClick() {
-      return functionOnClose();
-    },
-    "aria-label": translate('storylines.misc.closePiece'),
-    style: {
-      display: 'flex',
-      margin: 'auto',
-      marginTop: '24px'
-    }
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
-  }))))));
-};
-FeedbackComponent.defaultProps = {
-  text: '',
-  hasTimeout: false,
-  delay: 3000,
-  success: false
-};
-var _default = FeedbackComponent;
-exports.default = _default;

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

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

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

@@ -1,52 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mockProps6 = exports.mockProps5 = exports.mockProps4 = exports.mockProps3 = exports.mockProps2 = exports.mockProps = void 0;
-var _mocker = require("helpers/mocker");
-/* eslint-disable max-len */
-
-var mockProps = {
-  functionOnClose: _mocker.functionOnClose,
-  playSound: _mocker.soundActions[0],
-  keyboardControl: _mocker.keyboardControl,
-  success: true,
-  translate: _mocker.translate,
-  text: '500A 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)asd asdf sdf  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)asd asdf sdf  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)asd asdf sdf  A while back I needed to count thea sf as'
-};
-exports.mockProps = mockProps;
-var mockProps2 = {
-  functionOnClose: _mocker.functionOnClose,
-  playSound: _mocker.soundActions[0],
-  keyboardControl: _mocker.keyboardControl,
-  translate: _mocker.translate,
-  text: '500A 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)asd asdf sdf  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)asd asdf sdf  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)asd asdf sdf  A while back I needed to count thea sf as'
-};
-exports.mockProps2 = mockProps2;
-var mockProps3 = {
-  success: true,
-  playSound: _mocker.soundActions[0],
-  keyboardControl: _mocker.keyboardControl,
-  translate: _mocker.translate
-};
-exports.mockProps3 = mockProps3;
-var mockProps4 = {
-  playSound: _mocker.soundActions[0],
-  keyboardControl: _mocker.keyboardControl,
-  translate: _mocker.translate
-};
-exports.mockProps4 = mockProps4;
-var mockProps5 = {
-  translate: _mocker.translate,
-  timeExpired: true,
-  keyboardControl: _mocker.keyboardControl
-};
-exports.mockProps5 = mockProps5;
-var mockProps6 = {
-  translate: _mocker.translate,
-  text: 'story with timer finish feedback',
-  timeExpired: true,
-  keyboardControl: _mocker.keyboardControl
-};
-exports.mockProps6 = mockProps6;

package/dist/components/frame-click-puzzle-component/components/Counter/index.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Tooltip = _interopRequireDefault(require("../Tooltip"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Counter = function Counter(_ref) {
-  var current = _ref.current,
-    total = _ref.total,
-    tooltip = _ref.tooltip,
-    emitEvent = _ref.emitEvent;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, tooltip ? /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    emitEvent: emitEvent
-  }) : null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "puzzle-frame__info--frames"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "info-circle"
-  }), /*#__PURE__*/_react.default.createElement("span", null, current, " / ", total)));
-};
-var _default = Counter;
-exports.default = _default;