@gamelearn/arcade-components 2.41.1 → 3.0.2

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

@@ -1,432 +0,0 @@
-"use strict";
-
-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() {},
-  setResolveAction: function setResolveAction() {},
-  soundActions: _mocker.soundActions,
-  keyboardControl: _mocker.keyboardControl,
-  transitionEffects: null,
-  audioId: '',
-  itemOrder: 1,
-  info: {
-    hint: {
-      active: true,
-      desc: 'hint',
-      rewards: []
-    },
-    resolve: {
-      rewards: []
-    },
-    solution: {
-      right: {
-        desc: 'correctSolution',
-        desc_labelId: 'alfalfa01',
-        rewards: []
-      },
-      wrong: {
-        desc: 'wrongSolution',
-        desc_labelId: 'fabada01',
-        rewards: [{
-          id: 'grade',
-          name: 'grade',
-          points: -17,
-          type: 'grade'
-        }]
-      }
-    },
-    instructions: 'instructions'
-  },
-  image: {
-    imgName: 'gato5.jpg',
-    img: {
-      url: 'https://min.gamelearn.io/css-resources/gamelearn/resources/image-click.jpg',
-      imgName: 'gato5.jpg',
-      resourceId: '6007f80eac41ad001120f135'
-    },
-    width: 1280,
-    height: 720
-  },
-  areas: [{
-    id: '1601910616179',
-    name: 'a',
-    x: 0,
-    y: 0,
-    draggable: true,
-    points: [74.1584158415841, 423.99133663366337, 229.20792079207916, 366.96163366336634, 516.1386138613861, 482.8032178217822, 644.4554455445544, 710.9220297029703, 56.33663366336629, 712.7042079207921],
-    strokeWidth: 2,
-    stroke: '#44d7ab',
-    fill: 'rgba(68, 215, 171, 0.56)',
-    closed: true
-  }, {
-    id: '1601910626254',
-    name: 'b',
-    x: 0,
-    y: 0,
-    draggable: true,
-    points: [607.0297029702971, 343.79331683168317, 783.4653465346535, 388.3477722772277, 865.4455445544554, 539.8329207920792, 1138.118811881188, 593.2982673267327, 1262.871287128713, 358.0507425742574, 1262.871287128713, 46.16955445544554, 1193.3663366336634, 12.308168316831683, 1018.7128712871288, 19.43688118811881, 746.0396039603961, 213.69430693069307, 555.3465346534654, 268.94183168316835],
-    strokeWidth: 2,
-    stroke: '#44d7ab',
-    fill: 'rgba(68, 215, 171, 0.56)',
-    closed: true
-  }],
-  badAreas: [{
-    name: 'Bad1',
-    x: 0,
-    y: 0,
-    fill: 'rgba(255, 255, 255, 0.1)',
-    draggable: true,
-    points: [700, 200, 800, 190, 900, 450, 640.8, 396],
-    stroke: 'rgb(101,154,93)',
-    closed: true
-  }, {
-    name: 'Bad',
-    x: 0,
-    y: 0,
-    fill: 'rgba(255, 255, 255, 0.1)',
-    draggable: true,
-    points: [900, 300, 900, 233, 1200, 555, 777, 555],
-    stroke: 'rgb(101,154,93)',
-    closed: true
-  }, {
-    name: 'Bad',
-    x: 0,
-    y: 0,
-    fill: 'rgba(255, 255, 255, 0.1)',
-    draggable: true,
-    points: [111, 111, 222, 111, 666, 450, 640.8, 396],
-    stroke: 'rgb(101,154,93)',
-    closed: true
-  }],
-  hasClickOrder: true,
-  hasHighlights: true
-};
-exports.mockProps = mockProps;
-var mockProps2 = {
-  emitEvent: _mocker.emitEvent,
-  soundActions: _mocker.soundActions,
-  keyboardControl: _mocker.keyboardControl,
-  disableExit: function disableExit() {},
-  setResolveAction: function setResolveAction() {},
-  transitionEffects: null,
-  audioId: '',
-  itemOrder: 1,
-  info: {
-    hint: {
-      active: true,
-      desc: 'hint',
-      rewards: []
-    },
-    resolve: {
-      rewards: []
-    },
-    solution: {
-      right: {
-        desc: 'correctSolution',
-        desc_labelId: 'alfalfa01',
-        rewards: []
-      },
-      wrong: {
-        desc: 'wrongSolution',
-        desc_labelId: 'fabada01',
-        rewards: [{
-          id: 'grade',
-          name: 'grade',
-          points: -17,
-          type: 'grade'
-        }]
-      }
-    },
-    instructions: 'instructions'
-  },
-  image: {
-    imgName: 'gato5.jpg',
-    img: {
-      url: 'https://min.gamelearn.io/css-resources/gamelearn/resources/image-click.jpg',
-      imgName: 'gato5.jpg',
-      resourceId: '6007f80eac41ad001120f135'
-    },
-    width: 1280,
-    height: 720
-  },
-  areas: [{
-    id: '1601910616179',
-    name: 'a',
-    x: 0,
-    y: 0,
-    draggable: true,
-    points: [74.1584158415841, 423.99133663366337, 229.20792079207916, 366.96163366336634, 516.1386138613861, 482.8032178217822, 644.4554455445544, 710.9220297029703, 56.33663366336629, 712.7042079207921],
-    strokeWidth: 2,
-    stroke: '#44d7ab',
-    fill: 'rgba(68, 215, 171, 0.56)',
-    closed: true
-  }, {
-    id: '1601910626254',
-    name: 'b',
-    x: 0,
-    y: 0,
-    draggable: true,
-    points: [607.0297029702971, 343.79331683168317, 783.4653465346535, 388.3477722772277, 865.4455445544554, 539.8329207920792, 1138.118811881188, 593.2982673267327, 1262.871287128713, 358.0507425742574, 1262.871287128713, 46.16955445544554, 1193.3663366336634, 12.308168316831683, 1018.7128712871288, 19.43688118811881, 746.0396039603961, 213.69430693069307, 555.3465346534654, 268.94183168316835],
-    strokeWidth: 2,
-    stroke: '#44d7ab',
-    fill: 'rgba(68, 215, 171, 0.56)',
-    closed: true
-  }],
-  badAreas: [],
-  hasClickOrder: true,
-  hasHighlights: false
-};
-exports.mockProps2 = mockProps2;
-var mockProps3 = {
-  emitEvent: _mocker.emitEvent,
-  soundActions: _mocker.soundActions,
-  keyboardControl: _mocker.keyboardControl,
-  disableExit: function disableExit() {},
-  setResolveAction: function setResolveAction() {},
-  transitionEffects: null,
-  audioId: '',
-  itemOrder: 1,
-  info: {
-    hint: {
-      active: true,
-      desc: 'hint',
-      rewards: []
-    },
-    resolve: {
-      rewards: []
-    },
-    solution: {
-      right: {
-        desc: 'correctSolution',
-        desc_labelId: 'alfalfa01',
-        rewards: []
-      },
-      wrong: {
-        desc: 'wrongSolution',
-        desc_labelId: 'fabada01',
-        rewards: [{
-          id: 'grade',
-          name: 'grade',
-          points: -17,
-          type: 'grade'
-        }]
-      }
-    },
-    instructions: 'instructions'
-  },
-  image: {
-    imgName: 'gato5.jpg',
-    img: {
-      url: 'https://min.gamelearn.io/css-resources/gamelearn/resources/image-click.jpg',
-      imgName: 'gato5.jpg',
-      resourceId: '6007f80eac41ad001120f135'
-    },
-    width: 1280,
-    height: 720
-  },
-  areas: [{
-    id: '1601910616179',
-    name: 'a',
-    x: 0,
-    y: 0,
-    draggable: true,
-    points: [74.1584158415841, 423.99133663366337, 229.20792079207916, 366.96163366336634, 516.1386138613861, 482.8032178217822, 644.4554455445544, 710.9220297029703, 56.33663366336629, 712.7042079207921],
-    strokeWidth: 2,
-    stroke: '#44d7ab',
-    fill: 'rgba(68, 215, 171, 0.56)',
-    closed: true
-  }, {
-    id: '1601910626254',
-    name: 'b',
-    x: 0,
-    y: 0,
-    draggable: true,
-    points: [607.0297029702971, 343.79331683168317, 783.4653465346535, 388.3477722772277, 865.4455445544554, 539.8329207920792, 1138.118811881188, 593.2982673267327, 1262.871287128713, 358.0507425742574, 1262.871287128713, 46.16955445544554, 1193.3663366336634, 12.308168316831683, 1018.7128712871288, 19.43688118811881, 746.0396039603961, 213.69430693069307, 555.3465346534654, 268.94183168316835],
-    strokeWidth: 2,
-    stroke: '#44d7ab',
-    fill: 'rgba(68, 215, 171, 0.56)',
-    closed: true
-  }],
-  badAreas: [],
-  hasClickOrder: false,
-  hasHighlights: true
-};
-exports.mockProps3 = mockProps3;
-var mockProps4 = {
-  emitEvent: _mocker.emitEvent,
-  soundActions: _mocker.soundActions,
-  keyboardControl: _mocker.keyboardControl,
-  disableExit: function disableExit() {},
-  setResolveAction: function setResolveAction() {},
-  transitionEffects: null,
-  audioId: '',
-  itemOrder: 1,
-  info: {
-    hint: {
-      active: true,
-      desc: 'hint',
-      rewards: []
-    },
-    resolve: {
-      rewards: []
-    },
-    solution: {
-      right: {
-        desc: 'correctSolution',
-        desc_labelId: 'alfalfa01',
-        rewards: []
-      },
-      wrong: {
-        desc: 'wrongSolution',
-        desc_labelId: 'fabada01',
-        rewards: [{
-          id: 'grade',
-          name: 'grade',
-          points: -17,
-          type: 'grade'
-        }]
-      }
-    },
-    instructions: 'instructions'
-  },
-  image: {
-    imgName: 'gato5.jpg',
-    img: {
-      url: 'https://min.gamelearn.io/css-resources/gamelearn/resources/image-click.jpg',
-      imgName: 'gato5.jpg',
-      resourceId: '6007f80eac41ad001120f135'
-    },
-    width: 1280,
-    height: 720
-  },
-  areas: [{
-    id: '1601910616179',
-    name: 'a',
-    x: 0,
-    y: 0,
-    draggable: true,
-    points: [74.1584158415841, 423.99133663366337, 229.20792079207916, 366.96163366336634, 516.1386138613861, 482.8032178217822, 644.4554455445544, 710.9220297029703, 56.33663366336629, 712.7042079207921],
-    strokeWidth: 2,
-    stroke: '#44d7ab',
-    fill: 'rgba(68, 215, 171, 0.56)',
-    closed: true
-  }, {
-    id: '1601910626254',
-    name: 'b',
-    x: 0,
-    y: 0,
-    draggable: true,
-    points: [607.0297029702971, 343.79331683168317, 783.4653465346535, 388.3477722772277, 865.4455445544554, 539.8329207920792, 1138.118811881188, 593.2982673267327, 1262.871287128713, 358.0507425742574, 1262.871287128713, 46.16955445544554, 1193.3663366336634, 12.308168316831683, 1018.7128712871288, 19.43688118811881, 746.0396039603961, 213.69430693069307, 555.3465346534654, 268.94183168316835],
-    strokeWidth: 2,
-    stroke: '#44d7ab',
-    fill: 'rgba(68, 215, 171, 0.56)',
-    closed: true
-  }],
-  badAreas: [],
-  hasClickOrder: false,
-  hasHighlights: false
-};
-exports.mockProps4 = mockProps4;
-var mockPropsOnce = {
-  emitEvent: _mocker.emitEvent,
-  soundActions: _mocker.soundActions,
-  keyboardControl: _mocker.keyboardControl,
-  disableExit: function disableExit() {},
-  setResolveAction: function setResolveAction() {},
-  transitionEffects: null,
-  audioId: '',
-  itemOrder: 1,
-  info: {
-    hint: {
-      active: true,
-      desc: 'hint',
-      rewards: []
-    },
-    resolve: {
-      rewards: []
-    },
-    solution: {
-      right: {
-        desc: 'correctSolution',
-        desc_labelId: 'alfalfa01',
-        rewards: []
-      },
-      wrong: {
-        desc: 'wrongSolution',
-        desc_labelId: 'fabada01',
-        rewards: [{
-          id: 'grade',
-          name: 'grade',
-          points: -17,
-          type: 'grade'
-        }]
-      }
-    },
-    instructions: 'instructions'
-  },
-  image: {
-    imgName: 'gato5.jpg',
-    img: {
-      url: 'https://min.gamelearn.io/css-resources/gamelearn/resources/image-click.jpg',
-      imgName: 'gato5.jpg',
-      resourceId: '6007f80eac41ad001120f135'
-    },
-    width: 1280,
-    height: 720
-  },
-  areas: [{
-    id: '1601910616179',
-    name: 'a',
-    x: 0,
-    y: 0,
-    draggable: true,
-    points: [74.1584158415841, 423.99133663366337, 229.20792079207916, 366.96163366336634, 516.1386138613861, 482.8032178217822, 644.4554455445544, 710.9220297029703, 56.33663366336629, 712.7042079207921],
-    strokeWidth: 2,
-    stroke: '#44d7ab',
-    fill: 'rgba(68, 215, 171, 0.56)',
-    closed: true
-  }, {
-    id: '1601910626254',
-    name: 'b',
-    x: 0,
-    y: 0,
-    draggable: true,
-    points: [607.0297029702971, 343.79331683168317, 783.4653465346535, 388.3477722772277, 865.4455445544554, 539.8329207920792, 1138.118811881188, 593.2982673267327, 1262.871287128713, 358.0507425742574, 1262.871287128713, 46.16955445544554, 1193.3663366336634, 12.308168316831683, 1018.7128712871288, 19.43688118811881, 746.0396039603961, 213.69430693069307, 555.3465346534654, 268.94183168316835],
-    strokeWidth: 2,
-    stroke: '#44d7ab',
-    fill: 'rgba(68, 215, 171, 0.56)',
-    closed: true
-  }],
-  badAreas: [],
-  specificFeedbacks: {
-    correctFeedbacks: [{
-      id: '1601910616179',
-      desc: 'specificFeedbacks 1 correcto',
-      rewards: [{
-        id: 'k2koxnkq',
-        name: 'Power',
-        points: 10,
-        type: 'score'
-      }]
-    }, {
-      id: '1601910626254',
-      desc: 'specificFeedbacks 2 correcto',
-      rewards: [{
-        id: 'k2koxnkq',
-        name: 'Ranger',
-        points: 10,
-        type: 'score'
-      }]
-    }],
-    wrongFeedbacks: []
-  },
-  hasClickOrder: false,
-  hasClickOnce: true,
-  hasHighlights: true
-};
-exports.mockPropsOnce = mockPropsOnce;

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

@@ -1,83 +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"));
-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 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;
-  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];
-  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,
-      name: imgName,
-      imgName: imgName,
-      documentType: documentType,
-      type: 'image'
-    };
-    emitEvent({
-      type: 'finishMedia',
-      payload: item
-    });
-  }, [playSound, imgId, imgName, documentType, emitEvent]);
-  keyboardControl(null, !viewed ? close : null, !viewed ? close : null);
-  (0, _react.useEffect)(function () {
-    if (!visible && !saved) {
-      save(true);
-      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", {
-    className: viewed ? 'notes--results__text' : 'readings readings--image'
-  }, imgUrl && /*#__PURE__*/_react.default.createElement("img", {
-    src: imgUrl,
-    alt: imgName
-  }), !viewed ? /*#__PURE__*/_react.default.createElement("div", {
-    className: !imgUrl ? 'position--absolute top right' : 'readings--image--closeBtn'
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    className: "gat--btn__round gat--btn__close",
-    onClick: close,
-    "aria-label": translate('storylines.misc.closePiece')
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-close"
-  }))) : null));
-};
-var _default = ImageComponent;
-exports.default = _default;

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

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

@@ -1,52 +0,0 @@
-"use strict";
-
-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,
-  emitEvent: _mocker.emitEvent,
-  img: {
-    imgId: 'alfalfa',
-    url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/603fb8b1901f3e001238e297/gif.gif',
-    resourceId: '5e79e0c8f5b3a6000fd81472'
-  },
-  imgName: 'Hand gif',
-  documentType: 'lesson',
-  visible: true,
-  viewed: false
-};
-exports.mockProps = mockProps;
-var mockWithNotVisible = {
-  soundActions: _mocker.soundActions,
-  keyboardControl: _mocker.keyboardControl,
-  emitEvent: _mocker.emitEvent,
-  img: {
-    imgId: 'alfalfa2',
-    url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/603fb8b1901f3e001238e297/gif.gif',
-    resourceId: '5e79e0c8f5b3a6000fd81472'
-  },
-  imgName: 'Hand gif',
-  documentType: 'lesson',
-  visible: false,
-  viewed: false
-};
-exports.mockWithNotVisible = mockWithNotVisible;
-var mockWithImageNotViewed = {
-  soundActions: _mocker.soundActions,
-  keyboardControl: _mocker.keyboardControl,
-  emitEvent: _mocker.emitEvent,
-  img: {
-    imgId: 'alfalfa2',
-    url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/603fb8b1901f3e001238e297/gif.gif',
-    resourceId: '5e79e0c8f5b3a6000fd81472'
-  },
-  imgName: 'Hand gif',
-  documentType: 'lesson',
-  visible: true,
-  viewed: true
-};
-exports.mockWithImageNotViewed = mockWithImageNotViewed;