@gamelearn/arcade-components 2.41.1 → 3.0.1

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

@@ -1,427 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mockProps4 = exports.mockProps3 = exports.mockProps2 = exports.mockProps = void 0;
-var _mocker = require("helpers/mocker");
-var mockProps = {
-  emitEvent: _mocker.emitEvent,
-  soundActions: _mocker.soundActions,
-  keyboardControl: _mocker.keyboardControl,
-  disableExit: function disableExit() {},
-  setResolveAction: function setResolveAction() {},
-  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'
-  },
-  itemOrder: 1,
-  image: {
-    imgName: 'image-click.jpg',
-    img: {
-      url: 'https://min.gamelearn.io/css-resources/gamelearn/resources/image-click.jpg',
-      imgName: 'image-click.jpg',
-      resourceId: '6007f80eac41ad001120f135'
-    },
-    width: 1280,
-    height: 800
-  },
-  areas: [{
-    name: 'Uno',
-    x: 0,
-    y: 0,
-    fill: 'rgba(255, 255, 255, 0.1)',
-    draggable: true,
-    points: [261.6, 186.4, 344.8, 183.2, 341.6, 404, 255.2, 400.8],
-    stroke: 'rgb(101,154,93)',
-    closed: true
-  }, {
-    name: 'Dos',
-    x: 0,
-    y: 0,
-    fill: 'rgba(255, 255, 255, 0.1)',
-    draggable: true,
-    points: [644, 138.4, 728.8, 140, 728.8, 400.8, 640.8, 396],
-    stroke: 'rgb(147,126,155)',
-    closed: true
-  }, {
-    name: 'Tres',
-    x: 0,
-    y: 0,
-    fill: 'rgba(255, 255, 255, 0.1)',
-    draggable: true,
-    points: [8.8, 493.6, 1256.8, 487.2, 1269.6, 775.2, 7.2, 786.4],
-    stroke: 'rgb(157,131,205)',
-    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() {},
-  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'
-  },
-  itemOrder: 1,
-  image: {
-    imgName: 'image-click.jpg',
-    img: {
-      url: 'https://min.gamelearn.io/css-resources/gamelearn/resources/image-click.jpg',
-      imgName: 'image-click.jpg',
-      resourceId: '6007f80eac41ad001120f135'
-    },
-    width: 1280,
-    height: 800
-  },
-  areas: [{
-    name: 'Uno',
-    x: 0,
-    y: 0,
-    fill: 'rgba(255, 255, 255, 0.1)',
-    draggable: true,
-    points: [261.6, 186.4, 344.8, 183.2, 341.6, 404, 255.2, 400.8],
-    stroke: 'rgb(101,154,93)',
-    closed: true
-  }, {
-    name: 'Dos',
-    x: 0,
-    y: 0,
-    fill: 'rgba(255, 255, 255, 0.1)',
-    draggable: true,
-    points: [644, 138.4, 728.8, 140, 728.8, 400.8, 640.8, 396],
-    stroke: 'rgb(147,126,155)',
-    closed: true
-  }, {
-    name: 'Tres',
-    x: 0,
-    y: 0,
-    fill: 'rgba(255, 255, 255, 0.1)',
-    draggable: true,
-    points: [8.8, 493.6, 1256.8, 487.2, 1269.6, 775.2, 7.2, 786.4],
-    stroke: 'rgb(157,131,205)',
-    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: false
-};
-exports.mockProps2 = mockProps2;
-var mockProps3 = {
-  emitEvent: _mocker.emitEvent,
-  soundActions: _mocker.soundActions,
-  keyboardControl: _mocker.keyboardControl,
-  disableExit: function disableExit() {},
-  setResolveAction: function setResolveAction() {},
-  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'
-  },
-  itemOrder: 1,
-  image: {
-    imgName: 'image-click.jpg',
-    img: {
-      url: 'https://min.gamelearn.io/css-resources/gamelearn/resources/image-click.jpg',
-      imgName: 'image-click.jpg',
-      resourceId: '6007f80eac41ad001120f135'
-    },
-    width: 1280,
-    height: 800
-  },
-  areas: [{
-    name: 'Uno',
-    x: 0,
-    y: 0,
-    fill: 'rgba(255, 255, 255, 0.1)',
-    draggable: true,
-    points: [261.6, 186.4, 344.8, 183.2, 341.6, 404, 255.2, 400.8],
-    stroke: 'rgb(101,154,93)',
-    closed: true
-  }, {
-    name: 'Dos',
-    x: 0,
-    y: 0,
-    fill: 'rgba(255, 255, 255, 0.1)',
-    draggable: true,
-    points: [644, 138.4, 728.8, 140, 728.8, 400.8, 640.8, 396],
-    stroke: 'rgb(147,126,155)',
-    closed: true
-  }, {
-    name: 'Tres',
-    x: 0,
-    y: 0,
-    fill: 'rgba(255, 255, 255, 0.1)',
-    draggable: true,
-    points: [8.8, 493.6, 1256.8, 487.2, 1269.6, 775.2, 7.2, 786.4],
-    stroke: 'rgb(157,131,205)',
-    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: false,
-  hasHighlights: true
-};
-exports.mockProps3 = mockProps3;
-var mockProps4 = {
-  emitEvent: _mocker.emitEvent,
-  soundActions: _mocker.soundActions,
-  keyboardControl: _mocker.keyboardControl,
-  disableExit: function disableExit() {},
-  setResolveAction: function setResolveAction() {},
-  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'
-  },
-  itemOrder: 1,
-  image: {
-    imgName: 'image-click.jpg',
-    img: {
-      url: 'https://min.gamelearn.io/css-resources/gamelearn/resources/image-click.jpg',
-      imgName: 'image-click.jpg',
-      resourceId: '6007f80eac41ad001120f135'
-    },
-    width: 1280,
-    height: 800
-  },
-  areas: [{
-    name: 'Uno',
-    x: 0,
-    y: 0,
-    fill: 'rgba(255, 255, 255, 0.1)',
-    draggable: true,
-    points: [261.6, 186.4, 344.8, 183.2, 341.6, 404, 255.2, 400.8],
-    stroke: 'rgb(101,154,93)',
-    closed: true
-  }, {
-    name: 'Dos',
-    x: 0,
-    y: 0,
-    fill: 'rgba(255, 255, 255, 0.1)',
-    draggable: true,
-    points: [644, 138.4, 728.8, 140, 728.8, 400.8, 640.8, 396],
-    stroke: 'rgb(147,126,155)',
-    closed: true
-  }, {
-    name: 'Tres',
-    x: 0,
-    y: 0,
-    fill: 'rgba(255, 255, 255, 0.1)',
-    draggable: true,
-    points: [8.8, 493.6, 1256.8, 487.2, 1269.6, 775.2, 7.2, 786.4],
-    stroke: 'rgb(157,131,205)',
-    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: false,
-  hasHighlights: false
-};
-exports.mockProps4 = mockProps4;

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

@@ -1,18 +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 CountDown = function CountDown(_ref) {
-  var time = _ref.time;
-  var minutes = Math.floor(time / 60);
-  var seconds = time % 60;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "count-down count-down--in-puzzle-frame ".concat(time < 10 ? 'count-down--finalseconds' : '')
-  }, /*#__PURE__*/_react.default.createElement("div", null, minutes < 10 ? "0".concat(minutes) : minutes, " : ", seconds < 10 ? "0".concat(Math.floor(seconds)) : Math.floor(seconds)));
-};
-var _default = CountDown;
-exports.default = _default;