@gamelearn/arcade-components 0.24.0 → 0.24.1

package/dist/components/video-visor/mocks/mockForStory.js

@@ -4,6 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mockProps = void 0;
+
+var _mocker = require("helpers/mocker");
+
 var path = 'https://min.gamelearn.io/statics.triskelion';
 var cloudfront = 'https://dszv2c8p7i9xo.cloudfront.net/';
 var mockProps = [{
@@ -11,17 +14,23 @@ var mockProps = [{
   required: true,
   documentType: 'document',
   url: "".concat(cloudfront, "10fdf3ba-8bcb-49ef-b6fd-2cdd083b8e0d/hls/radio.m3u8"),
-  viewed: false
+  viewed: false,
+  soundActions: _mocker.soundActions
 }, {
-  url: "".concat(path, "/triskelion-statics/videos/ada_hack.mp4")
+  url: "".concat(path, "/triskelion-statics/videos/ada_hack.mp4"),
+  soundActions: _mocker.soundActions
 }, {
-  url: "https://www.youtube.com/embed/5KcuphEhO8Q"
+  url: "https://www.youtube.com/embed/5KcuphEhO8Q",
+  soundActions: _mocker.soundActions
 }, {
-  url: 'https://player.vimeo.com/video/144094036'
+  url: 'https://player.vimeo.com/video/144094036',
+  soundActions: _mocker.soundActions
 }, {
+  soundActions: _mocker.soundActions,
   url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/documents/Cat-sound.mp3'
 }, {
   imgId: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/60224b7a901f3e0012350158/vista-vertical-torre-eiffel-paris-francia_1258-3169.jpg',
+  soundActions: _mocker.soundActions,
   url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/documents/Cat-sound.mp3'
 }];
 exports.mockProps = mockProps;

package/dist/components/web-builder-puzzle-component/mocks/mockForStory.js

@@ -5,13 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.mockProps = void 0;
 
-var emitEvent = function emitEvent(action) {
-  console.log('Emit event called');
-
-  if (action.type === 'translate') {
-    return action.payload;
-  }
-};
+var _mocker = require("helpers/mocker");
 
 var noop = function noop() {};
 
@@ -22,8 +16,9 @@ var mockProps = {
       wrong: {}
     }
   },
-  soundActions: [function () {}, function () {}],
-  emitEvent: emitEvent,
+  emitEvent: _mocker.emitEvent,
+  soundActions: _mocker.soundActions,
+  setShowPoints: _mocker.setShowPoints,
   setResolveAction: noop,
   disableExit: noop
 };

package/dist/components/writer-puzzle-component/components/WriterPuzzleComponent.js

@@ -409,12 +409,12 @@ var WriterPuzzleComponent = function WriterPuzzleComponent(_ref) {
     });
   };
 
-  var handleShownText = function handleShownText(text) {
+  var handleShownText = function handleShownText(text, i) {
     var textToPrint = text.fullText;
     return /*#__PURE__*/_react.default.createElement(_FinishedTextComponent.default, {
       textToPrint: textToPrint,
       correct: text.correct,
-      key: textToPrint
+      key: i
     });
   };
 
@@ -494,8 +494,8 @@ var WriterPuzzleComponent = function WriterPuzzleComponent(_ref) {
     ref: automaticScroll
   }, isActive && !reviewDone && Object.values(textHolder).map(function (text, i) {
     return handleText(text, Object.values(textHolder).length - 1, i);
-  }), reviewDone && Object.values(textHolder).map(function (text) {
-    return handleShownText(text);
+  }), reviewDone && Object.values(textHolder).map(function (text, i) {
+    return handleShownText(text, i);
   }))), finished && /*#__PURE__*/_react.default.createElement("div", {
     className: "writer-puzzle__footer"
   }, /*#__PURE__*/_react.default.createElement("button", {

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

@@ -5,35 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.mock8 = exports.mock7 = exports.mock6 = exports.mock5 = exports.mock4 = exports.mock3 = exports.mock2 = exports.mock = exports.messages = void 0;
 
-var emitEvent = function emitEvent(_ref) {
-  var type = _ref.type,
-      payload = _ref.payload;
-
-  if (type === 'translate') {
-    return payload;
-  }
-
-  if (type === 'loadIndicators') {
-    return {
-      score: [{
-        type: 'score',
-        points: 187300,
-        origName: 'Title 1',
-        name: '1a3b2d40',
-        description: '88878788',
-        id: 'k2koxnkq',
-        icon: 'font-indicator-chincheta',
-        records: [{
-          id: 'k2koxnkq',
-          name: '1a3b2d40',
-          icon: 'font-indicator-chincheta'
-        }]
-      }],
-      skill: [],
-      grade: {}
-    };
-  }
-};
+var _mocker = require("helpers/mocker");
 
 var messages = {
   'puzzles.reference': 'Información de referencia',
@@ -53,10 +25,10 @@ var messages = {
   fullText4: ' <p>Cuarto Párrafo </p>',
   fullText5: ' <p>Quinto Párrafo</p>',
   fullText6: ' <p>ipsum dolor Lorem sit amet, consectetur adipisicing </p>',
-  fullText7: ' <p>Mucho Texto aqui a desglosar bla bla bla bla</p>',
-  fullText8: ' <p>Mucho Texto aqui a desglosar bla bla bla bla</p>',
+  fullText7: ' <p>Mucho Texto aqui a desglosar bla bla blsa bla</p>',
+  fullText8: ' <p>Mucho Texto aqui a desglosar bla bla bla pbla</p>',
   fullText9: ' <p>Cuarto Párrafo jasndjkasbndfajksb,dfakjsbhjksabkjasbgjdsfbgsdfasfgsdgsd </p>',
-  fullText10: ' <p>Mucho Texto aqui a desglosar bla bla bla bla</p>',
+  fullText10: ' <p>Mucho Texto aqui a desglosar bla bla blax bla</p>',
   fullText11: '<p>sdfsdfsdf</p>',
   fullText12: ' <p>Mucho Texto aqui a desglosar bla bla bla bla</p>',
   fullText13: ' <p>Mucho Texto aqui a desglosar bla bla bla bla</p>',
@@ -82,8 +54,9 @@ var messages = {
 };
 exports.messages = messages;
 var mock = {
-  emitEvent: emitEvent,
-  soundActions: [function () {}, function () {}],
+  emitEvent: _mocker.emitEvent,
+  soundActions: _mocker.soundActions,
+  setShowPoints: _mocker.setShowPoints,
   texts: [{
     type: 'fixed',
     fullText: messages.fullText1
@@ -190,8 +163,9 @@ var mock = {
 };
 exports.mock = mock;
 var mock2 = {
-  emitEvent: emitEvent,
-  soundActions: [function () {}, function () {}],
+  emitEvent: _mocker.emitEvent,
+  soundActions: _mocker.soundActions,
+  setShowPoints: _mocker.setShowPoints,
   texts: [{
     type: 'fixed',
     fullText: messages.fullText1
@@ -375,8 +349,9 @@ var mock2 = {
 };
 exports.mock2 = mock2;
 var mock3 = {
-  emitEvent: emitEvent,
-  soundActions: [function () {}, function () {}],
+  emitEvent: _mocker.emitEvent,
+  soundActions: _mocker.soundActions,
+  setShowPoints: _mocker.setShowPoints,
   texts: [{
     type: 'fixed',
     fullText: messages.fullText1
@@ -530,8 +505,9 @@ var mock3 = {
 };
 exports.mock3 = mock3;
 var mock4 = {
-  emitEvent: emitEvent,
-  soundActions: [function () {}, function () {}],
+  emitEvent: _mocker.emitEvent,
+  soundActions: _mocker.soundActions,
+  setShowPoints: _mocker.setShowPoints,
   texts: [{
     type: 'fixed',
     fullText: messages.fullText1
@@ -715,8 +691,9 @@ var mock4 = {
 };
 exports.mock4 = mock4;
 var mock5 = {
-  emitEvent: emitEvent,
-  soundActions: [function () {}, function () {}],
+  emitEvent: _mocker.emitEvent,
+  soundActions: _mocker.soundActions,
+  setShowPoints: _mocker.setShowPoints,
   texts: [{
     type: 'fixed',
     fullText: messages.fullText11
@@ -801,8 +778,9 @@ var mock5 = {
 };
 exports.mock5 = mock5;
 var mock6 = {
-  emitEvent: emitEvent,
-  soundActions: [function () {}, function () {}],
+  emitEvent: _mocker.emitEvent,
+  soundActions: _mocker.soundActions,
+  setShowPoints: _mocker.setShowPoints,
   texts: [{
     type: 'fixed',
     fullText: messages.fullText11
@@ -887,8 +865,9 @@ var mock6 = {
 };
 exports.mock6 = mock6;
 var mock7 = {
-  emitEvent: emitEvent,
-  soundActions: [function () {}, function () {}],
+  emitEvent: _mocker.emitEvent,
+  soundActions: _mocker.soundActions,
+  setShowPoints: _mocker.setShowPoints,
   texts: [{
     type: 'fixed',
     fullText: messages.fullText11
@@ -973,8 +952,9 @@ var mock7 = {
 };
 exports.mock7 = mock7;
 var mock8 = {
-  emitEvent: emitEvent,
-  soundActions: [function () {}, function () {}],
+  emitEvent: _mocker.emitEvent,
+  soundActions: _mocker.soundActions,
+  setShowPoints: _mocker.setShowPoints,
   texts: [{
     type: 'fixed',
     fullText: messages.fullText11

package/dist/helpers/mocker.js

@@ -0,0 +1,121 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.translate = exports.soundActions = exports.noopSoundActions = exports.onFinish = exports.functionOnClose = exports.emitEvent = exports.setShowPoints = void 0;
+
+var emitEvent = function emitEvent(_ref) {
+  var type = _ref.type,
+      payload = _ref.payload;
+
+  if (type === 'translate') {
+    return payload;
+  }
+
+  if (type === 'loadIndicators') {
+    return {
+      score: [{
+        color: '#4e469e',
+        description: 'description_0_dY5ms0vf',
+        description_labelId: 'description_0_dY5ms0vf',
+        icon: 'font-indicator-bolsa',
+        id: 'ki4qrkam',
+        name: 'Indicator1',
+        name_labelId: 'name_0_dY5ms9T1',
+        points: 295,
+        type: 'score'
+      }, {
+        color: '#4e469e',
+        description: 'description_0_dY5ms0vf',
+        description_labelId: 'description_0_dY5ms0vf',
+        icon: 'font-indicator-bolsa',
+        id: 'ki4qrop',
+        name: 'Indicator1',
+        name_labelId: 'name_0_dY5ms9T1',
+        points: 300,
+        type: 'score'
+      }, {
+        color: '#4e469e',
+        description: 'description_0_dY5ms0vf',
+        description_labelId: 'description_0_dY5ms0vf',
+        icon: 'font-indicator-bolsa',
+        id: 'ki4qiuyi',
+        name: 'Indicator1',
+        name_labelId: 'name_0_dY5ms9T1',
+        points: 300,
+        type: 'score'
+      }],
+      skill: [{
+        color: '#559cac',
+        description: 'description_0_dY5msi7o',
+        description_labelId: 'description_0_dY5msi7o',
+        icon: 'font-indicator-microfono-2',
+        id: 'ki4qrkas',
+        name: 'competency2',
+        name_labelId: 'name_0_dY5mslgV',
+        points: 295,
+        type: 'skill'
+      }, {
+        color: '#559cac',
+        description: 'description_0_dY5msi7o',
+        description_labelId: 'description_0_dY5msi7o',
+        icon: 'font-indicator-microfono-2',
+        id: 'ki4qropi',
+        name: 'competency2',
+        name_labelId: 'name_0_dY5mslgV',
+        points: 295,
+        type: 'skill'
+      }],
+      grade: undefined
+    };
+  }
+
+  console.log('Emit event called:', type, 'payload:', payload);
+};
+
+exports.emitEvent = emitEvent;
+var noopSoundActions = [function () {}, function () {}];
+exports.noopSoundActions = noopSoundActions;
+var audio = {
+  fail: new Audio('https://www.soundjay.com/buttons/button-10.mp3'),
+  'click-ui': new Audio('https://www.soundjay.com/buttons/button-16.mp3'),
+  score: new Audio('https://www.soundjay.com/mechanical/camera-shutter-click-01.mp3')
+};
+var soundActions = [function (sound) {
+  console.log('PlaySound called :', sound);
+
+  if (sound && audio.hasOwnProperty(sound)) {
+    audio[sound].play();
+  } else if (sound && sound.includes('http')) {
+    var exSound = new Audio(sound);
+    exSound.play();
+  }
+}, function () {}];
+exports.soundActions = soundActions;
+
+var setShowPoints = function setShowPoints() {
+  var score = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  console.log('score', score);
+};
+
+exports.setShowPoints = setShowPoints;
+
+var translate = function translate(payload) {
+  return payload;
+};
+
+exports.translate = translate;
+
+var functionOnClose = function functionOnClose() {
+  console.log('closing this');
+};
+
+exports.functionOnClose = functionOnClose;
+
+var onFinish = function onFinish() {
+  var component = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "a component";
+  console.log('you just called onfinish from...', component);
+};
+
+exports.onFinish = onFinish;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gamelearn/arcade-components",
   "license": "Gamelearn",
-  "version": "0.24.0",
+  "version": "0.24.1",
   "main": "dist/index.js",
   "files": [
     "dist",
@@ -36,7 +36,7 @@
     "test": "react-scripts test --transformIgnorePatterns 'node_modules/(?!(three)/)'",
     "eject": "react-scripts eject",
     "storybook": "start-storybook -p 6006 -s public",
-    "build-storybook": "build-storybook -s public",
+    "build-storybook": "build-storybook -o build",
     "generate": "plop"
   },
   "browserslist": {
@@ -60,9 +60,11 @@
     "@storybook/addon-actions": "6.1.11",
     "@storybook/addon-essentials": "6.1.11",
     "@storybook/addon-links": "6.1.11",
+    "@storybook/addons": "^6.3.8",
     "@storybook/node-logger": "6.1.11",
     "@storybook/preset-create-react-app": "3.1.5",
     "@storybook/react": "6.1.11",
+    "@storybook/theming": "^6.3.8",
     "babel-loader": "8.2.2",
     "cross-env": "7.0.3",
     "plop": "^2.7.4",