@gamelearn/arcade-components 0.20.5 → 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.
- package/dist/components/auto-evaluation-component/components/AutoEvaluation.js +10 -2
- package/dist/components/cards-selector-puzzle-component/components/Board/index.js +7 -1
- package/dist/components/cards-selector-puzzle-component/components/CardsSelectorPuzzleComponent.js +3 -2
- package/dist/components/cartel-component/components/CartelComponent.js +1 -0
- package/dist/components/comic-component/components/ComicComponent.js +6 -0
- package/dist/components/conversational-component/components/ConversationalComponent.js +6 -0
- package/dist/components/conversational-pro-component/components/ConversationalProComponent.js +3 -0
- package/dist/components/cracker-puzzle-component/components/CrackerPuzzleComponent.js +1 -1
- package/dist/components/decision-component/components/DecisionBody.js +2 -2
- package/dist/components/decision-component/components/DecisionComponent.js +14 -0
- package/dist/components/feedback-component/components/FeedbackComponent.js +1 -2
- package/dist/components/frame-click-puzzle-component/components/FrameClickPuzzleComponent.js +9 -1
- package/dist/components/hacker-puzzle-component/components/HackerPuzzleComponent.js +2 -1
- package/dist/components/hanged-puzzle-component/components/HangedPuzzleComponent.js +4 -1
- package/dist/components/image-click-wrapper-component/components/ImageClickWrapperComponent.js +7 -2
- package/dist/components/image-component/components/ImageComponent.js +19 -1
- package/dist/components/inventory-item/components/InventoryItem.js +21 -2
- package/dist/components/lectures-component/components/LectureButtons.js +0 -9
- package/dist/components/lectures-component/components/LecturesComponent.js +9 -14
- package/dist/components/login-puzzle-component/components/LoginPuzzleComponent.js +1 -0
- package/dist/components/notice-component/components/NoticeComponent.js +18 -11
- package/dist/components/pattern-component/components/PatternComponent.js +18 -1
- package/dist/components/pdf-component/components/PdfComponent.js +10 -2
- package/dist/components/pdf-component/components/PdfVisor.js +7 -1
- package/dist/components/rewards-component/components/RewardsComponent.js +8 -1
- package/dist/components/survey-component/components/SurveyComponent.js +8 -1
- package/dist/components/terminal-puzzle-component/components/TerminalPuzzleComponent.js +4 -1
- package/dist/components/terminal-puzzle-component/components/Visor/index.js +10 -4
- package/dist/components/test-component/components/Container.js +14 -3
- package/dist/components/text-click-puzzle-component/components/TextClickPuzzleComponent.js +3 -2
- package/dist/components/url-component/components/UrlComponent.js +7 -1
- package/dist/components/video-component/components/VideoComponent.js +2 -0
- package/dist/components/video-visor/components/VideoControllers/ControlButtons.js +0 -6
- package/dist/components/video-visor/components/VideoControllers/FinishedVideoButtons.js +0 -6
- package/dist/components/video-visor/components/VideoControllers/PlayInitButton.js +0 -7
- package/dist/components/video-visor/components/VideoControllers/SkipButton.js +0 -8
- package/dist/components/video-visor/components/VideoVisor.js +23 -12
- package/dist/components/web-builder-puzzle-component/Popups/PopupColorComponent/index.js +6 -1
- package/dist/components/web-builder-puzzle-component/Popups/PopupImageComponent/index.js +6 -11
- package/dist/components/web-builder-puzzle-component/Popups/PopupTextComponent/index.js +6 -1
- package/dist/components/web-builder-puzzle-component/components/WebBuilderPuzzleComponent.js +3 -0
- package/dist/components/writer-puzzle-component/components/ElectionComponent.js +6 -12
- package/dist/components/writer-puzzle-component/components/FeedbackComponent.js +19 -22
- package/dist/components/writer-puzzle-component/components/FeedbackElement.js +0 -10
- package/dist/components/writer-puzzle-component/components/FinishedTextComponent.js +0 -6
- package/dist/components/writer-puzzle-component/components/FixedComponent.js +0 -11
- package/dist/components/writer-puzzle-component/components/Rewards.js +0 -14
- package/dist/components/writer-puzzle-component/components/SingleElection.js +6 -14
- package/dist/components/writer-puzzle-component/components/WriterPuzzleComponent.js +1 -0
- package/package.json +1 -1
package/dist/components/web-builder-puzzle-component/components/WebBuilderPuzzleComponent.js
CHANGED
|
@@ -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,
|