@gamelearn/arcade-components 0.2.0 → 0.4.1-beta-terminal

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

@@ -0,0 +1,307 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mockProps4 = exports.mockProps3 = exports.mockProps2 = exports.mockProps = void 0;
+
+var emitEvent = function emitEvent() {
+  console.log('Emit event called');
+};
+
+var soundActions = [function (sound) {
+  console.log('PlaySound called :', sound);
+}, function () {}];
+var mockProps = {
+  emitEvent: emitEvent,
+  disableExit: function disableExit() {},
+  setResolveAction: function setResolveAction() {},
+  soundActions: soundActions,
+  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: true
+};
+exports.mockProps = mockProps;
+var mockProps2 = {
+  emitEvent: emitEvent,
+  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: emitEvent,
+  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: emitEvent,
+  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;

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

@@ -13,7 +13,7 @@ var mockProps = {
   emitEvent: emitEvent,
   img: {
     imgId: 'alfalfa',
-    url: 'https://s3-eu-west-1.amazonaws.com/gl-lms-storage/development/clients/58dccfba26561500117caf53/image/603fb8b1901f3e001238e297/gif.gif',
+    url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/603fb8b1901f3e001238e297/gif.gif',
     resourceId: '5e79e0c8f5b3a6000fd81472'
   },
   imgName: 'Hand gif',
@@ -26,7 +26,7 @@ var mockWithNotVisible = {
   emitEvent: emitEvent,
   img: {
     imgId: 'alfalfa2',
-    url: 'https://s3-eu-west-1.amazonaws.com/gl-lms-storage/development/clients/58dccfba26561500117caf53/image/603fb8b1901f3e001238e297/gif.gif',
+    url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/603fb8b1901f3e001238e297/gif.gif',
     resourceId: '5e79e0c8f5b3a6000fd81472'
   },
   imgName: 'Hand gif',
@@ -39,7 +39,7 @@ var mockWithImageNotViewed = {
   emitEvent: emitEvent,
   img: {
     imgId: 'alfalfa2',
-    url: 'https://s3-eu-west-1.amazonaws.com/gl-lms-storage/development/clients/58dccfba26561500117caf53/image/603fb8b1901f3e001238e297/gif.gif',
+    url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/603fb8b1901f3e001238e297/gif.gif',
     resourceId: '5e79e0c8f5b3a6000fd81472'
   },
   imgName: 'Hand gif',

package/dist/components/index.js

@@ -113,12 +113,54 @@ Object.defineProperty(exports, "KeyboardPuzzleComponent", {
     return _keyboardPuzzleComponent.default;
   }
 });
+Object.defineProperty(exports, "ImageClickPuzzleComponent", {
+  enumerable: true,
+  get: function get() {
+    return _imageClickPuzzleComponent.default;
+  }
+});
 Object.defineProperty(exports, "CrackerPuzzleComponent", {
   enumerable: true,
   get: function get() {
     return _crackerPuzzleComponent.default;
   }
 });
+Object.defineProperty(exports, "HangedPuzzleComponent", {
+  enumerable: true,
+  get: function get() {
+    return _hangedPuzzleComponent.default;
+  }
+});
+Object.defineProperty(exports, "ChainedImageClickPuzzleComponent", {
+  enumerable: true,
+  get: function get() {
+    return _chainedImageClickPuzzleComponent.default;
+  }
+});
+Object.defineProperty(exports, "WebBuilderPuzzleComponent", {
+  enumerable: true,
+  get: function get() {
+    return _webBuilderPuzzleComponent.default;
+  }
+});
+Object.defineProperty(exports, "WriterPuzzleComponent", {
+  enumerable: true,
+  get: function get() {
+    return _writerPuzzleComponent.default;
+  }
+});
+Object.defineProperty(exports, "TerminalPuzzleComponent", {
+  enumerable: true,
+  get: function get() {
+    return _terminalPuzzleComponent.default;
+  }
+});
+Object.defineProperty(exports, "DragItemPuzzleComponent", {
+  enumerable: true,
+  get: function get() {
+    return _dragItemPuzzleComponent.default;
+  }
+});
 
 var _scene = _interopRequireDefault(require("./arcade-render/scene"));
 
@@ -154,8 +196,22 @@ var _loginPuzzleComponent = _interopRequireDefault(require("./login-puzzle-compo
 
 var _keyboardPuzzleComponent = _interopRequireDefault(require("./keyboard-puzzle-component"));
 
+var _imageClickPuzzleComponent = _interopRequireDefault(require("./image-click-puzzle-component"));
+
 var _crackerPuzzleComponent = _interopRequireDefault(require("./cracker-puzzle-component"));
 
+var _hangedPuzzleComponent = _interopRequireDefault(require("./hanged-puzzle-component"));
+
+var _chainedImageClickPuzzleComponent = _interopRequireDefault(require("./chained-image-click-puzzle-component"));
+
+var _webBuilderPuzzleComponent = _interopRequireDefault(require("./web-builder-puzzle-component"));
+
+var _writerPuzzleComponent = _interopRequireDefault(require("./writer-puzzle-component"));
+
+var _terminalPuzzleComponent = _interopRequireDefault(require("./terminal-puzzle-component"));
+
+var _dragItemPuzzleComponent = _interopRequireDefault(require("./drag-item-puzzle-component"));
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }

package/dist/components/inventory-item/components/InventoryItem.js

@@ -47,11 +47,12 @@ var InventoryItem = function InventoryItem(_ref) {
   var onLoad = function onLoad(model, scene, camera) {
     if (model && orbit.current) {
       model.position.set(0, 0, 0);
+      scene.add(camera);
       camera.position.z += 10;
       camera.fov = 35;
       camera.updateProjectionMatrix();
       (0, _helpers.cameraFitAnyObject)(model, camera, null, orbit.current);
-      (0, _drawLOD.default)(scene);
+      (0, _drawLOD.default)(scene, camera);
     }
   };
 

package/dist/components/keyboard-puzzle-component/mocks/mockForStory.js

@@ -17,7 +17,7 @@ var mockProps = {
   keyboard: [['1', '2', '3'], ['4', '5', '6'], ['7', '8', '9'], ['*', '0', '#']],
   image: {
     img: {
-      url: 'https://s3-eu-west-1.amazonaws.com/gl-lms-storage/development/clients/58dccfba26561500117caf53/image/60508f84901f3e00123a0796/holamundo.jpg'
+      url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/60508f84901f3e00123a0796/holamundo.jpg'
     }
   },
   info: {

package/dist/components/login-puzzle-component/mocks/mockForStory.js

@@ -16,8 +16,8 @@ var emitEvent = function emitEvent(_ref) {
 
 var mockProps = {
   emitEvent: emitEvent,
-  user: "pepe",
-  password: "1234",
+  user: 'pepe',
+  password: '1234',
   login: true,
   info: {
     solution: {
@@ -31,7 +31,7 @@ var mockProps = {
   },
   image: {
     img: {
-      url: 'https://s3-eu-west-1.amazonaws.com/gl-lms-storage/development/clients/58dccfba26561500117caf53/image/60508f84901f3e00123a0796/holamundo.jpg'
+      url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/60508f84901f3e00123a0796/holamundo.jpg'
     }
   }
 };

package/dist/components/pdf-component/components/PdfComponent.js

@@ -17,6 +17,18 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 && (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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -25,15 +37,28 @@ var PdfComponent = function PdfComponent(_ref) {
   var emitEvent = _ref.emitEvent,
       documentType = _ref.documentType,
       name = _ref.name,
+      required = _ref.required,
       viewed = _ref.viewed,
       visible = _ref.visible,
-      props = _objectWithoutProperties(_ref, ["emitEvent", "documentType", "name", "viewed", "visible"]);
+      props = _objectWithoutProperties(_ref, ["emitEvent", "documentType", "name", "required", "viewed", "visible"]);
+
+  var translate = function translate(id) {
+    return emitEvent({
+      type: 'translate',
+      payload: id
+    });
+  };
 
   var documentFile = props.document;
 
   var _ref2 = documentFile || '',
       url = _ref2.url;
 
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      closeVisible = _useState2[0],
+      setcloseVisible = _useState2[1];
+
   var item = (0, _react.useMemo)(function () {
     return {
       documentType: documentType,
@@ -52,17 +77,23 @@ var PdfComponent = function PdfComponent(_ref) {
     if (!visible) {
       emitFinish();
     }
+
+    if (!required) {
+      setcloseVisible(true);
+    }
   }, [visible, emitFinish]);
 
   if (!visible) {
     return null;
   }
 
+  var endPdf = function endPdf() {
+    setcloseVisible(true);
+  };
+
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(viewed ? 'notes--results' : 'readings--container')
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: viewed ? 'notes--results__text' : 'readings pdf--type'
-  }, !viewed && /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(viewed ? 'notes--results' : '')
+  }, !viewed && closeVisible && /*#__PURE__*/_react.default.createElement("div", {
     className: "position--absolute top right z-index1"
   }, /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
@@ -71,8 +102,10 @@ var PdfComponent = function PdfComponent(_ref) {
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "icon-close"
   }))), url && /*#__PURE__*/_react.default.createElement(_PdfVisor.default, {
-    url: url
-  })));
+    url: url,
+    endPdf: endPdf,
+    translate: translate
+  }));
 };
 
 var _default = PdfComponent;