@gamelearn/arcade-components 0.20.4 → 0.20.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/dist/components/auto-evaluation-component/components/AutoEvaluation.js +10 -2
  2. package/dist/components/cards-selector-puzzle-component/components/Board/index.js +7 -1
  3. package/dist/components/cards-selector-puzzle-component/components/CardsSelectorPuzzleComponent.js +3 -2
  4. package/dist/components/cartel-component/components/CartelComponent.js +1 -0
  5. package/dist/components/comic-component/components/ComicComponent.js +6 -0
  6. package/dist/components/conversational-component/components/ConversationalComponent.js +6 -0
  7. package/dist/components/conversational-pro-component/components/ConversationalProComponent.js +3 -0
  8. package/dist/components/cracker-puzzle-component/components/CrackerPuzzleComponent.js +1 -1
  9. package/dist/components/decision-component/components/DecisionBody.js +2 -2
  10. package/dist/components/decision-component/components/DecisionComponent.js +14 -0
  11. package/dist/components/feedback-component/components/FeedbackComponent.js +1 -2
  12. package/dist/components/frame-click-puzzle-component/components/FrameClickPuzzleComponent.js +9 -1
  13. package/dist/components/hacker-puzzle-component/components/HackerPuzzleComponent.js +2 -1
  14. package/dist/components/hanged-puzzle-component/components/HangedPuzzleComponent.js +4 -1
  15. package/dist/components/image-click-wrapper-component/components/ImageClickWrapperComponent.js +7 -2
  16. package/dist/components/image-component/components/ImageComponent.js +19 -1
  17. package/dist/components/inventory-item/components/InventoryItem.js +21 -2
  18. package/dist/components/lectures-component/components/LectureButtons.js +0 -9
  19. package/dist/components/lectures-component/components/LecturesComponent.js +10 -15
  20. package/dist/components/login-puzzle-component/components/LoginPuzzleComponent.js +1 -0
  21. package/dist/components/notice-component/components/NoticeComponent.js +18 -11
  22. package/dist/components/pattern-component/components/PatternComponent.js +18 -1
  23. package/dist/components/pdf-component/components/PdfComponent.js +10 -2
  24. package/dist/components/pdf-component/components/PdfVisor.js +7 -1
  25. package/dist/components/rewards-component/components/RewardsComponent.js +8 -1
  26. package/dist/components/survey-component/components/SurveyComponent.js +8 -1
  27. package/dist/components/terminal-puzzle-component/components/TerminalPuzzleComponent.js +4 -1
  28. package/dist/components/terminal-puzzle-component/components/Visor/index.js +10 -4
  29. package/dist/components/test-component/components/Container.js +14 -3
  30. package/dist/components/text-click-puzzle-component/components/TextClickPuzzleComponent.js +3 -2
  31. package/dist/components/url-component/components/UrlComponent.js +7 -1
  32. package/dist/components/video-component/components/VideoComponent.js +2 -0
  33. package/dist/components/video-visor/components/VideoControllers/ControlButtons.js +0 -6
  34. package/dist/components/video-visor/components/VideoControllers/FinishedVideoButtons.js +0 -6
  35. package/dist/components/video-visor/components/VideoControllers/PlayInitButton.js +0 -7
  36. package/dist/components/video-visor/components/VideoControllers/SkipButton.js +0 -8
  37. package/dist/components/video-visor/components/VideoVisor.js +23 -12
  38. package/dist/components/web-builder-puzzle-component/Popups/PopupColorComponent/index.js +6 -1
  39. package/dist/components/web-builder-puzzle-component/Popups/PopupImageComponent/index.js +6 -11
  40. package/dist/components/web-builder-puzzle-component/Popups/PopupTextComponent/index.js +6 -1
  41. package/dist/components/web-builder-puzzle-component/components/WebBuilderPuzzleComponent.js +3 -0
  42. package/dist/components/writer-puzzle-component/components/ElectionComponent.js +6 -12
  43. package/dist/components/writer-puzzle-component/components/FeedbackComponent.js +19 -22
  44. package/dist/components/writer-puzzle-component/components/FeedbackElement.js +0 -10
  45. package/dist/components/writer-puzzle-component/components/FinishedTextComponent.js +0 -6
  46. package/dist/components/writer-puzzle-component/components/FixedComponent.js +0 -11
  47. package/dist/components/writer-puzzle-component/components/Rewards.js +0 -14
  48. package/dist/components/writer-puzzle-component/components/SingleElection.js +6 -14
  49. package/dist/components/writer-puzzle-component/components/WriterPuzzleComponent.js +1 -0
  50. package/package.json +1 -1
@@ -212,6 +212,8 @@ var WebBuilderPuzzleComponent = function WebBuilderPuzzleComponent(_ref) {
212
212
  };
213
213
 
214
214
  var handlePublish = function handlePublish() {
215
+ playSound('click-ui');
216
+
215
217
  var _checkCorrect = checkCorrect(header, body),
216
218
  exist = _checkCorrect.exist,
217
219
  equal = _checkCorrect.equal;
@@ -328,6 +330,7 @@ var WebBuilderPuzzleComponent = function WebBuilderPuzzleComponent(_ref) {
328
330
  displayButton: !resolved && !completed,
329
331
  translate: translate,
330
332
  clickAction: function clickAction() {
333
+ playSound('click-ui');
331
334
  showReference(!showingReference);
332
335
  }
333
336
  }), /*#__PURE__*/_react.default.createElement(_WebBuilderHeader.default, _extends({}, props, {
@@ -35,11 +35,13 @@ var SingleElectionRender = function SingleElectionRender(_ref) {
35
35
  var opt = _ref.opt,
36
36
  index = _ref.index,
37
37
  setCurrentDecisionSelected = _ref.setCurrentDecisionSelected,
38
- setCurrentDecisionHovered = _ref.setCurrentDecisionHovered;
38
+ setCurrentDecisionHovered = _ref.setCurrentDecisionHovered,
39
+ soundActions = _ref.soundActions;
39
40
  return opt && opt.fullText && opt.fullText !== '' ? /*#__PURE__*/_react.default.createElement(_SingleElection.default, {
40
41
  setCurrentDecisionSelected: setCurrentDecisionSelected,
41
42
  setCurrentDecisionHovered: setCurrentDecisionHovered,
42
43
  option: opt,
44
+ soundActions: soundActions,
43
45
  index: index
44
46
  }) : null;
45
47
  };
@@ -47,7 +49,8 @@ var SingleElectionRender = function SingleElectionRender(_ref) {
47
49
  var ElectionComponent = function ElectionComponent(_ref2) {
48
50
  var textWithOpts = _ref2.textWithOpts,
49
51
  setCurrentDecisionSelected = _ref2.setCurrentDecisionSelected,
50
- printed = _ref2.printed;
52
+ printed = _ref2.printed,
53
+ soundActions = _ref2.soundActions;
51
54
 
52
55
  var _useState = (0, _react.useState)(''),
53
56
  _useState2 = _slicedToArray(_useState, 2),
@@ -62,6 +65,7 @@ var ElectionComponent = function ElectionComponent(_ref2) {
62
65
  }, textWithOpts && textWithOpts.map(function (opt, index) {
63
66
  return /*#__PURE__*/_react.default.createElement(SingleElectionRender, {
64
67
  opt: opt,
68
+ soundActions: soundActions,
65
69
  index: index,
66
70
  key: index.toString(),
67
71
  setCurrentDecisionSelected: setCurrentDecisionSelected,
@@ -75,15 +79,5 @@ ElectionComponent.defaultProps = {
75
79
  setCurrentDecisionSelected: function setCurrentDecisionSelected() {},
76
80
  printed: function printed() {}
77
81
  };
78
- ElectionComponent.propTypes = {
79
- setCurrentDecisionSelected: _propTypes.default.func,
80
- printed: _propTypes.default.func,
81
- textWithOpts: _propTypes.default.arrayOf(_propTypes.default.shape({
82
- previewText: _propTypes.default.string,
83
- correct: _propTypes.default.bool,
84
- fullText: _propTypes.default.string,
85
- feedback: _propTypes.default.shape({})
86
- }))
87
- };
88
82
  var _default = ElectionComponent;
89
83
  exports.default = _default;
@@ -7,14 +7,24 @@ exports.default = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
10
  var _RewardsComponent = _interopRequireDefault(require("../../rewards-component/components/RewardsComponent"));
13
11
 
14
12
  var _FeedbackElement = _interopRequireDefault(require("./FeedbackElement"));
15
13
 
16
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
15
 
16
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
17
+
18
+ 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."); }
19
+
20
+ 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); }
21
+
22
+ 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; }
23
+
24
+ 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; }
25
+
26
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
27
+
18
28
  var FeedbackComponent = function FeedbackComponent(_ref) {
19
29
  var emitEvent = _ref.emitEvent,
20
30
  closingAction = _ref.closingAction,
@@ -27,7 +37,11 @@ var FeedbackComponent = function FeedbackComponent(_ref) {
27
37
  checkCorrect = _ref.checkCorrect,
28
38
  rewardsStack = _ref.rewardsStack,
29
39
  setFailed = _ref.setFailed,
30
- nodeId = _ref.nodeId;
40
+ nodeId = _ref.nodeId,
41
+ soundActions = _ref.soundActions;
42
+
43
+ var _soundActions = _slicedToArray(soundActions, 1),
44
+ playSound = _soundActions[0];
31
45
 
32
46
  var translate = function translate(id) {
33
47
  return emitEvent({
@@ -55,6 +69,7 @@ var FeedbackComponent = function FeedbackComponent(_ref) {
55
69
  };
56
70
 
57
71
  var close = function close() {
72
+ playSound('click-ui');
58
73
  closingAction();
59
74
  setFailed();
60
75
  feedbackIsDone();
@@ -91,6 +106,7 @@ var FeedbackComponent = function FeedbackComponent(_ref) {
91
106
  if (checkCorrect()) {
92
107
  close();
93
108
  } else {
109
+ playSound('click-ui');
94
110
  retryDecisions();
95
111
  }
96
112
  }
@@ -116,24 +132,5 @@ FeedbackComponent.defaultProps = {
116
132
  rewardsStack: [{}],
117
133
  nodeId: '0'
118
134
  };
119
- FeedbackComponent.propTypes = {
120
- emitEvent: _propTypes.default.func,
121
- closingAction: _propTypes.default.func,
122
- feedbackIsDone: _propTypes.default.func,
123
- decisionsList: _propTypes.default.arrayOf(_propTypes.default.shape({
124
- previewText: _propTypes.default.string,
125
- correct: _propTypes.default.bool,
126
- fullText: _propTypes.default.string,
127
- feedback: _propTypes.default.shape({})
128
- })),
129
- texts: _propTypes.default.arrayOf(_propTypes.default.shape({})),
130
- retryAction: _propTypes.default.func,
131
- retry: _propTypes.default.bool,
132
- skip: _propTypes.default.bool,
133
- checkCorrect: _propTypes.default.func,
134
- rewardsStack: _propTypes.default.arrayOf(_propTypes.default.shape({})),
135
- setFailed: _propTypes.default.func.isRequired,
136
- nodeId: _propTypes.default.string
137
- };
138
135
  var _default = FeedbackComponent;
139
136
  exports.default = _default;
@@ -7,8 +7,6 @@ exports.default = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
11
 
14
12
  var FeedbackElement = function FeedbackElement(_ref) {
@@ -28,13 +26,5 @@ var FeedbackElement = function FeedbackElement(_ref) {
28
26
  FeedbackElement.defaultProps = {
29
27
  decision: {}
30
28
  };
31
- FeedbackElement.propTypes = {
32
- decision: _propTypes.default.shape({
33
- feedback: _propTypes.default.shape({
34
- title: _propTypes.default.string,
35
- body: _propTypes.default.string
36
- })
37
- })
38
- };
39
29
  var _default = FeedbackElement;
40
30
  exports.default = _default;
@@ -7,8 +7,6 @@ exports.default = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
10
  var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
13
11
 
14
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -28,9 +26,5 @@ FinishedTextComponent.defaultProps = {
28
26
  correct: '',
29
27
  textToPrint: ''
30
28
  };
31
- FinishedTextComponent.propTypes = {
32
- correct: _propTypes.default.string,
33
- textToPrint: _propTypes.default.string
34
- };
35
29
  var _default = FinishedTextComponent;
36
30
  exports.default = _default;
@@ -9,8 +9,6 @@ exports.default = void 0;
9
9
 
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
 
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
12
  var _reactTypist = _interopRequireDefault(require("react-typist"));
15
13
 
16
14
  var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
@@ -153,14 +151,5 @@ FixedComponent.defaultProps = {
153
151
  nextParagraphType: '',
154
152
  isWriting: function isWriting() {}
155
153
  };
156
- FixedComponent.propTypes = {
157
- delay: _propTypes.default.number,
158
- index: _propTypes.default.number.isRequired,
159
- length: _propTypes.default.number.isRequired,
160
- textToPrint: _propTypes.default.string,
161
- setDoneTyping: _propTypes.default.func,
162
- nextParagraphType: _propTypes.default.string,
163
- isWriting: _propTypes.default.func
164
- };
165
154
  var _default = FixedComponent;
166
155
  exports.default = _default;
@@ -9,10 +9,6 @@ exports.default = void 0;
9
9
 
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
 
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
12
  function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
17
13
 
18
14
  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; }
@@ -189,15 +185,5 @@ Rewards.defaultProps = {
189
185
  indicators: [],
190
186
  addPoints: function addPoints() {}
191
187
  };
192
- Rewards.propTypes = {
193
- indicators: _propTypes.default.arrayOf(_propTypes.default.shape({})),
194
- rewards: _propTypes.default.arrayOf(_propTypes.default.shape({
195
- type: _propTypes.default.string,
196
- id: _propTypes.default.string,
197
- name: _propTypes.default.string,
198
- points: _propTypes.default.number
199
- })),
200
- addPoints: _propTypes.default.func
201
- };
202
188
  var _default = Rewards;
203
189
  exports.default = _default;
@@ -9,8 +9,6 @@ exports.default = void 0;
9
9
 
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
 
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
12
  var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
15
13
 
16
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -63,7 +61,11 @@ var SingleElection = function SingleElection(_ref) {
63
61
  var option = _ref.option,
64
62
  setCurrentDecisionSelected = _ref.setCurrentDecisionSelected,
65
63
  index = _ref.index,
66
- setCurrentDecisionHovered = _ref.setCurrentDecisionHovered;
64
+ setCurrentDecisionHovered = _ref.setCurrentDecisionHovered,
65
+ soundActions = _ref.soundActions;
66
+
67
+ var _soundActions = _slicedToArray(soundActions, 1),
68
+ playSound = _soundActions[0];
67
69
 
68
70
  var _useHover = useHover(),
69
71
  _useHover2 = _slicedToArray(_useHover, 2),
@@ -87,6 +89,7 @@ var SingleElection = function SingleElection(_ref) {
87
89
  };
88
90
 
89
91
  var selectOption = function selectOption() {
92
+ playSound('click-ui');
90
93
  setCurrentDecisionSelected(index);
91
94
  };
92
95
 
@@ -126,16 +129,5 @@ SingleElection.defaultProps = {
126
129
  option: {},
127
130
  index: 0
128
131
  };
129
- SingleElection.propTypes = {
130
- setCurrentDecisionSelected: _propTypes.default.func,
131
- setCurrentDecisionHovered: _propTypes.default.func,
132
- index: _propTypes.default.number,
133
- option: _propTypes.default.shape({
134
- previewText: _propTypes.default.string,
135
- correct: _propTypes.default.bool,
136
- fullText: _propTypes.default.string,
137
- feedback: _propTypes.default.shape({})
138
- })
139
- };
140
132
  var _default = SingleElection;
141
133
  exports.default = _default;
@@ -420,6 +420,7 @@ var WriterPuzzleComponent = function WriterPuzzleComponent(_ref) {
420
420
 
421
421
  var handleElection = function handleElection(text) {
422
422
  return /*#__PURE__*/_react.default.createElement(_ElectionComponent.default, {
423
+ soundActions: soundActions,
423
424
  textWithOpts: text.electionTexts,
424
425
  setCurrentDecisionSelected: handleSelectedOption,
425
426
  printed: printedElection,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@gamelearn/arcade-components",
3
3
  "license": "Gamelearn",
4
- "version": "0.20.4",
4
+ "version": "0.20.6",
5
5
  "main": "dist/index.js",
6
6
  "files": [
7
7
  "dist",