@gamelearn/arcade-components 0.20.5 → 0.20.7
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/auto-evaluation-component/mocks/mockForStory.js +1 -0
- 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 +16 -0
- package/dist/components/decision-component/components/Feedback.js +3 -1
- 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 +20 -2
- package/dist/components/image-component/mocks/mockForStory.js +3 -0
- 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/lectures-component/mocks/mockForStory.js +1 -0
- package/dist/components/login-puzzle-component/components/LoginPuzzleComponent.js +1 -0
- package/dist/components/notice-component/components/NoticeComponent.js +18 -11
- package/dist/components/notice-component/mocks/mockForStory.js +1 -0
- 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/pdf-component/mocks/mockForProps.js +1 -0
- package/dist/components/rewards-component/components/RewardsComponent.js +8 -1
- package/dist/components/rewards-component/mocks/mockForStory.js +5 -0
- package/dist/components/survey-component/components/SurveyComponent.js +8 -1
- package/dist/components/survey-component/mocks/mockForStory.js +2 -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/test-component/components/TestComponent.js +2 -1
- 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
|
@@ -7,17 +7,32 @@ 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
|
|
|
12
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
13
|
+
|
|
14
|
+
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."); }
|
|
15
|
+
|
|
16
|
+
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); }
|
|
17
|
+
|
|
18
|
+
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; }
|
|
19
|
+
|
|
20
|
+
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; }
|
|
21
|
+
|
|
22
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
23
|
+
|
|
14
24
|
var NoticeComponent = function NoticeComponent(_ref) {
|
|
15
25
|
var title = _ref.title,
|
|
16
26
|
text = _ref.text,
|
|
17
27
|
buttonText = _ref.buttonText,
|
|
18
|
-
emitEvent = _ref.emitEvent
|
|
28
|
+
emitEvent = _ref.emitEvent,
|
|
29
|
+
soundActions = _ref.soundActions;
|
|
30
|
+
|
|
31
|
+
var _soundActions = _slicedToArray(soundActions, 1),
|
|
32
|
+
playSound = _soundActions[0];
|
|
19
33
|
|
|
20
34
|
var onFinish = function onFinish() {
|
|
35
|
+
playSound('click-ui');
|
|
21
36
|
emitEvent({
|
|
22
37
|
type: 'success'
|
|
23
38
|
});
|
|
@@ -49,13 +64,5 @@ NoticeComponent.defaultProps = {
|
|
|
49
64
|
text: '',
|
|
50
65
|
context: {}
|
|
51
66
|
};
|
|
52
|
-
NoticeComponent.propTypes = {
|
|
53
|
-
title: _propTypes.default.string,
|
|
54
|
-
buttonText: _propTypes.default.string,
|
|
55
|
-
color: _propTypes.default.string,
|
|
56
|
-
text: _propTypes.default.string,
|
|
57
|
-
context: _propTypes.default.shape({}),
|
|
58
|
-
emitEvent: _propTypes.default.func.isRequired
|
|
59
|
-
};
|
|
60
67
|
var _default = NoticeComponent;
|
|
61
68
|
exports.default = _default;
|
|
@@ -9,11 +9,27 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
9
9
|
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
11
|
|
|
12
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
13
|
+
|
|
14
|
+
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."); }
|
|
15
|
+
|
|
16
|
+
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); }
|
|
17
|
+
|
|
18
|
+
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; }
|
|
19
|
+
|
|
20
|
+
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; }
|
|
21
|
+
|
|
22
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
23
|
+
|
|
12
24
|
var PatternComponent = function PatternComponent(_ref) {
|
|
13
25
|
var img = _ref.img,
|
|
14
26
|
name = _ref.name,
|
|
15
27
|
viewed = _ref.viewed,
|
|
16
|
-
emitEvent = _ref.emitEvent
|
|
28
|
+
emitEvent = _ref.emitEvent,
|
|
29
|
+
soundActions = _ref.soundActions;
|
|
30
|
+
|
|
31
|
+
var _soundActions = _slicedToArray(soundActions, 1),
|
|
32
|
+
play = _soundActions[0];
|
|
17
33
|
|
|
18
34
|
if (!img) {
|
|
19
35
|
return null;
|
|
@@ -22,6 +38,7 @@ var PatternComponent = function PatternComponent(_ref) {
|
|
|
22
38
|
var imgUrl = img.url;
|
|
23
39
|
|
|
24
40
|
var close = function close() {
|
|
41
|
+
play('click-ui');
|
|
25
42
|
emitEvent({
|
|
26
43
|
type: 'emitSavePattern',
|
|
27
44
|
payload: {
|
|
@@ -35,6 +35,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
35
35
|
|
|
36
36
|
var PdfComponent = function PdfComponent(_ref) {
|
|
37
37
|
var emitEvent = _ref.emitEvent,
|
|
38
|
+
soundActions = _ref.soundActions,
|
|
38
39
|
documentType = _ref.documentType,
|
|
39
40
|
name = _ref.name,
|
|
40
41
|
required = _ref.required,
|
|
@@ -42,7 +43,7 @@ var PdfComponent = function PdfComponent(_ref) {
|
|
|
42
43
|
visible = _ref.visible,
|
|
43
44
|
documentId = _ref.documentId,
|
|
44
45
|
documentId_labelId = _ref.documentId_labelId,
|
|
45
|
-
props = _objectWithoutProperties(_ref, ["emitEvent", "documentType", "name", "required", "viewed", "visible", "documentId", "documentId_labelId"]);
|
|
46
|
+
props = _objectWithoutProperties(_ref, ["emitEvent", "soundActions", "documentType", "name", "required", "viewed", "visible", "documentId", "documentId_labelId"]);
|
|
46
47
|
|
|
47
48
|
var translate = function translate(id) {
|
|
48
49
|
return emitEvent({
|
|
@@ -51,6 +52,9 @@ var PdfComponent = function PdfComponent(_ref) {
|
|
|
51
52
|
});
|
|
52
53
|
};
|
|
53
54
|
|
|
55
|
+
var _soundActions = _slicedToArray(soundActions, 1),
|
|
56
|
+
play = _soundActions[0];
|
|
57
|
+
|
|
54
58
|
var documentFile = props.document;
|
|
55
59
|
|
|
56
60
|
var _ref2 = documentFile || '',
|
|
@@ -112,10 +116,14 @@ var PdfComponent = function PdfComponent(_ref) {
|
|
|
112
116
|
}, /*#__PURE__*/_react.default.createElement("button", {
|
|
113
117
|
type: "button",
|
|
114
118
|
className: "gat--btn__round",
|
|
115
|
-
onClick:
|
|
119
|
+
onClick: function onClick() {
|
|
120
|
+
emitFinish();
|
|
121
|
+
play('click-ui');
|
|
122
|
+
}
|
|
116
123
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
117
124
|
className: "icon-close"
|
|
118
125
|
}))), url && /*#__PURE__*/_react.default.createElement(_PdfVisor.default, {
|
|
126
|
+
soundActions: soundActions,
|
|
119
127
|
emitNumberOfPages: function emitNumberOfPages(e) {
|
|
120
128
|
return readNumberOfPages(e);
|
|
121
129
|
},
|
|
@@ -35,7 +35,8 @@ var PdfVisor = function PdfVisor(_ref) {
|
|
|
35
35
|
var url = _ref.url,
|
|
36
36
|
endPdf = _ref.endPdf,
|
|
37
37
|
emitNumberOfPages = _ref.emitNumberOfPages,
|
|
38
|
-
translate = _ref.translate
|
|
38
|
+
translate = _ref.translate,
|
|
39
|
+
soundActions = _ref.soundActions;
|
|
39
40
|
var scrollElement = (0, _react.useRef)();
|
|
40
41
|
|
|
41
42
|
var _useState = (0, _react.useState)(1),
|
|
@@ -54,6 +55,10 @@ var PdfVisor = function PdfVisor(_ref) {
|
|
|
54
55
|
setCurrentPage = _useState6[1];
|
|
55
56
|
|
|
56
57
|
var scale = (0, _deviceDetection.DeviceDetection)() ? 1 : 2;
|
|
58
|
+
|
|
59
|
+
var _soundActions = _slicedToArray(soundActions, 1),
|
|
60
|
+
play = _soundActions[0];
|
|
61
|
+
|
|
57
62
|
var handleLoadSucess = (0, _react.useCallback)(function (pdf) {
|
|
58
63
|
if (pdf.numPages) {
|
|
59
64
|
emitNumberOfPages(pdf.numPages);
|
|
@@ -87,6 +92,7 @@ var PdfVisor = function PdfVisor(_ref) {
|
|
|
87
92
|
};
|
|
88
93
|
|
|
89
94
|
var turnPage = function turnPage(value) {
|
|
95
|
+
play('click-ui');
|
|
90
96
|
scrollElement.current.scrollTo(0, 0);
|
|
91
97
|
setOverlay(false);
|
|
92
98
|
setCurrentPage(currentPage + value);
|
|
@@ -37,7 +37,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
37
37
|
|
|
38
38
|
var RewardsComponent = function RewardsComponent(_ref) {
|
|
39
39
|
var rewards = _ref.rewards,
|
|
40
|
-
emitEvent = _ref.emitEvent
|
|
40
|
+
emitEvent = _ref.emitEvent,
|
|
41
|
+
soundActions = _ref.soundActions;
|
|
41
42
|
var carouselRef = (0, _react.useRef)();
|
|
42
43
|
var indicators = emitEvent({
|
|
43
44
|
type: 'loadIndicators'
|
|
@@ -69,6 +70,10 @@ var RewardsComponent = function RewardsComponent(_ref) {
|
|
|
69
70
|
return reward.type !== 'grade';
|
|
70
71
|
});
|
|
71
72
|
var rewardsUnified = [];
|
|
73
|
+
|
|
74
|
+
var _soundActions = _slicedToArray(soundActions, 1),
|
|
75
|
+
play = _soundActions[0];
|
|
76
|
+
|
|
72
77
|
var displayingItems = 4;
|
|
73
78
|
|
|
74
79
|
var getIndicator = function getIndicator(element) {
|
|
@@ -110,6 +115,7 @@ var RewardsComponent = function RewardsComponent(_ref) {
|
|
|
110
115
|
|
|
111
116
|
var onClickPrev = function onClickPrev() {
|
|
112
117
|
if (offset - 1 < 0) return;
|
|
118
|
+
play('click-ui');
|
|
113
119
|
setOffset(offset - 1);
|
|
114
120
|
var nextSize = Object.values(rewardsSize.current)[offset - 1];
|
|
115
121
|
setRightAmount(null);
|
|
@@ -118,6 +124,7 @@ var RewardsComponent = function RewardsComponent(_ref) {
|
|
|
118
124
|
|
|
119
125
|
var onClickNext = function onClickNext() {
|
|
120
126
|
if (offset + displayingItems >= totalItems) return;
|
|
127
|
+
play('click-ui');
|
|
121
128
|
setRightAmount(offset + displayingItems === totalItems - 1 ? 0 : null);
|
|
122
129
|
setOffset(offset + 1);
|
|
123
130
|
var nextSize = Object.values(rewardsSize.current)[offset];
|
|
@@ -73,6 +73,7 @@ var emitEvent = function emitEvent(_ref) {
|
|
|
73
73
|
};
|
|
74
74
|
|
|
75
75
|
var mockProps1 = {
|
|
76
|
+
soundActions: [],
|
|
76
77
|
emitEvent: emitEvent,
|
|
77
78
|
rewards: [{
|
|
78
79
|
id: 'ki4qrkam',
|
|
@@ -83,6 +84,7 @@ var mockProps1 = {
|
|
|
83
84
|
};
|
|
84
85
|
exports.mockProps1 = mockProps1;
|
|
85
86
|
var mockProps2 = {
|
|
87
|
+
soundActions: [],
|
|
86
88
|
emitEvent: emitEvent,
|
|
87
89
|
rewards: [{
|
|
88
90
|
id: 'ki4qrkam',
|
|
@@ -98,6 +100,7 @@ var mockProps2 = {
|
|
|
98
100
|
};
|
|
99
101
|
exports.mockProps2 = mockProps2;
|
|
100
102
|
var mockProps3 = {
|
|
103
|
+
soundActions: [],
|
|
101
104
|
emitEvent: emitEvent,
|
|
102
105
|
rewards: [{
|
|
103
106
|
id: 'ki4qrkam',
|
|
@@ -118,6 +121,7 @@ var mockProps3 = {
|
|
|
118
121
|
};
|
|
119
122
|
exports.mockProps3 = mockProps3;
|
|
120
123
|
var mockProps4 = {
|
|
124
|
+
soundActions: [],
|
|
121
125
|
emitEvent: emitEvent,
|
|
122
126
|
rewards: [{
|
|
123
127
|
id: 'ki4qrkam',
|
|
@@ -188,6 +192,7 @@ var mockProps4 = {
|
|
|
188
192
|
};
|
|
189
193
|
exports.mockProps4 = mockProps4;
|
|
190
194
|
var mockProps5 = {
|
|
195
|
+
soundActions: [],
|
|
191
196
|
emitEvent: emitEvent,
|
|
192
197
|
rewards: [{
|
|
193
198
|
id: 'ki4qrkam',
|
|
@@ -58,7 +58,8 @@ var PAGES = [{
|
|
|
58
58
|
}];
|
|
59
59
|
|
|
60
60
|
var SurveyComponent = function SurveyComponent(_ref) {
|
|
61
|
-
var emitEvent = _ref.emitEvent
|
|
61
|
+
var emitEvent = _ref.emitEvent,
|
|
62
|
+
soundActions = _ref.soundActions;
|
|
62
63
|
|
|
63
64
|
var _useState = (0, _react.useState)(INIT_SURVEY),
|
|
64
65
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -80,6 +81,9 @@ var SurveyComponent = function SurveyComponent(_ref) {
|
|
|
80
81
|
finished = _useState8[0],
|
|
81
82
|
finish = _useState8[1];
|
|
82
83
|
|
|
84
|
+
var _soundActions = _slicedToArray(soundActions, 1),
|
|
85
|
+
play = _soundActions[0];
|
|
86
|
+
|
|
83
87
|
var translate = function translate(id, values) {
|
|
84
88
|
return emitEvent({
|
|
85
89
|
type: 'translate',
|
|
@@ -89,6 +93,8 @@ var SurveyComponent = function SurveyComponent(_ref) {
|
|
|
89
93
|
};
|
|
90
94
|
|
|
91
95
|
var changePage = function changePage() {
|
|
96
|
+
play('click-ui');
|
|
97
|
+
|
|
92
98
|
if (page + 1 >= PAGES.length) {
|
|
93
99
|
finish(true);
|
|
94
100
|
} else {
|
|
@@ -137,6 +143,7 @@ var SurveyComponent = function SurveyComponent(_ref) {
|
|
|
137
143
|
type: "button",
|
|
138
144
|
disabled: disabled,
|
|
139
145
|
onClick: function onClick() {
|
|
146
|
+
play('click-ui');
|
|
140
147
|
emitEvent({
|
|
141
148
|
type: 'saveSurvey',
|
|
142
149
|
payload: survey
|
|
@@ -101,6 +101,7 @@ var TerminalPuzzleComponent = function TerminalPuzzleComponent(_ref) {
|
|
|
101
101
|
};
|
|
102
102
|
}, [items]);
|
|
103
103
|
var selectItem = (0, _react.useCallback)(function (item) {
|
|
104
|
+
playSound('click-ui');
|
|
104
105
|
selectFile(item);
|
|
105
106
|
setBreadcrumb([].concat(_toConsumableArray(breadcrumb), [item]));
|
|
106
107
|
|
|
@@ -111,7 +112,7 @@ var TerminalPuzzleComponent = function TerminalPuzzleComponent(_ref) {
|
|
|
111
112
|
});
|
|
112
113
|
disableExit(true);
|
|
113
114
|
}
|
|
114
|
-
}, [breadcrumb, disableExit, emitEvent]);
|
|
115
|
+
}, [breadcrumb, disableExit, emitEvent, playSound]);
|
|
115
116
|
(0, _react.useEffect)(function () {
|
|
116
117
|
selectFile(initFile);
|
|
117
118
|
setBreadcrumb([initFile]);
|
|
@@ -132,6 +133,7 @@ var TerminalPuzzleComponent = function TerminalPuzzleComponent(_ref) {
|
|
|
132
133
|
};
|
|
133
134
|
|
|
134
135
|
var closeFolder = function closeFolder() {
|
|
136
|
+
playSound('click-ui');
|
|
135
137
|
var initItem = breadcrumb[0];
|
|
136
138
|
selectFile(initItem);
|
|
137
139
|
setBreadcrumb([initItem]);
|
|
@@ -162,6 +164,7 @@ var TerminalPuzzleComponent = function TerminalPuzzleComponent(_ref) {
|
|
|
162
164
|
file: file,
|
|
163
165
|
translate: translate
|
|
164
166
|
})) : /*#__PURE__*/_react.default.createElement(_Visor.default, {
|
|
167
|
+
soundActions: soundActions,
|
|
165
168
|
backFile: backFile,
|
|
166
169
|
resolvePuzzle: resolvePuzzle,
|
|
167
170
|
info: info,
|
|
@@ -43,27 +43,31 @@ var Visor = function Visor(_ref) {
|
|
|
43
43
|
info = _ref.info,
|
|
44
44
|
resolvePuzzle = _ref.resolvePuzzle,
|
|
45
45
|
backFile = _ref.backFile,
|
|
46
|
-
translate = _ref.translate
|
|
46
|
+
translate = _ref.translate,
|
|
47
|
+
soundActions = _ref.soundActions;
|
|
47
48
|
var fileId = file.fileId;
|
|
48
49
|
var url = ((_file$document = file.document) === null || _file$document === void 0 ? void 0 : _file$document.url) || '';
|
|
49
50
|
var COMPONENTS = {
|
|
50
51
|
image: {
|
|
51
52
|
component: _Image.default,
|
|
52
53
|
props: _objectSpread(_objectSpread({}, file), {}, {
|
|
53
|
-
url: url
|
|
54
|
+
url: url,
|
|
55
|
+
soundActions: soundActions
|
|
54
56
|
})
|
|
55
57
|
},
|
|
56
58
|
video: {
|
|
57
59
|
component: _videoVisor.default,
|
|
58
60
|
props: _objectSpread(_objectSpread({}, file), {}, {
|
|
59
61
|
url: url,
|
|
60
|
-
endVideo: resolvePuzzle
|
|
62
|
+
endVideo: resolvePuzzle,
|
|
63
|
+
soundActions: soundActions
|
|
61
64
|
})
|
|
62
65
|
},
|
|
63
66
|
embedded_video: {
|
|
64
67
|
component: _videoVisor.default,
|
|
65
68
|
props: _objectSpread(_objectSpread({}, file), {}, {
|
|
66
|
-
url: url
|
|
69
|
+
url: url,
|
|
70
|
+
soundActions: soundActions
|
|
67
71
|
})
|
|
68
72
|
},
|
|
69
73
|
pdf: {
|
|
@@ -71,6 +75,7 @@ var Visor = function Visor(_ref) {
|
|
|
71
75
|
props: _objectSpread(_objectSpread({}, file), {}, {
|
|
72
76
|
url: url,
|
|
73
77
|
translate: translate,
|
|
78
|
+
soundActions: soundActions,
|
|
74
79
|
emitNumberOfPages: function emitNumberOfPages() {},
|
|
75
80
|
endPdf: function endPdf() {}
|
|
76
81
|
})
|
|
@@ -80,6 +85,7 @@ var Visor = function Visor(_ref) {
|
|
|
80
85
|
props: _objectSpread(_objectSpread({}, file), {}, {
|
|
81
86
|
url: url,
|
|
82
87
|
translate: translate,
|
|
88
|
+
soundActions: soundActions,
|
|
83
89
|
emitNumberOfPages: function emitNumberOfPages() {},
|
|
84
90
|
endPdf: function endPdf() {}
|
|
85
91
|
})
|
|
@@ -44,7 +44,8 @@ var Container = function Container(_ref) {
|
|
|
44
44
|
answerPage = _ref.answerPage,
|
|
45
45
|
updateForm = _ref.updateForm,
|
|
46
46
|
disabled = _ref.disabled,
|
|
47
|
-
translate = _ref.translate
|
|
47
|
+
translate = _ref.translate,
|
|
48
|
+
soundActions = _ref.soundActions;
|
|
48
49
|
|
|
49
50
|
var _useState = (0, _react.useState)(0),
|
|
50
51
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -57,6 +58,10 @@ var Container = function Container(_ref) {
|
|
|
57
58
|
setFeedback = _useState4[1];
|
|
58
59
|
|
|
59
60
|
var qid = questions[currentQuestionId].id;
|
|
61
|
+
|
|
62
|
+
var _soundActions = _slicedToArray(soundActions, 1),
|
|
63
|
+
play = _soundActions[0];
|
|
64
|
+
|
|
60
65
|
(0, _react.useEffect)(function () {
|
|
61
66
|
if (time >= 0 && !disabled) {
|
|
62
67
|
var timeout = setInterval(function () {
|
|
@@ -76,6 +81,8 @@ var Container = function Container(_ref) {
|
|
|
76
81
|
}, [disabled, feedback, saveInterval, setTime, time]);
|
|
77
82
|
|
|
78
83
|
var nextPage = function nextPage() {
|
|
84
|
+
play('click-ui');
|
|
85
|
+
|
|
79
86
|
if (answered) {
|
|
80
87
|
if (result[qid].feedback && !disabled) {
|
|
81
88
|
setFeedback(true);
|
|
@@ -127,7 +134,7 @@ var Container = function Container(_ref) {
|
|
|
127
134
|
className: "test--timer ".concat(time < 10 ? 'test--timer--finalseconds' : '')
|
|
128
135
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
129
136
|
id: "test-time"
|
|
130
|
-
}, minutes < 10 ? "0".concat(minutes) : minutes, " :",
|
|
137
|
+
}, minutes < 10 ? "0".concat(minutes) : minutes, " : ", seconds < 10 ? "0".concat(seconds) : seconds)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), /*#__PURE__*/_react.default.createElement(_Questions.default, {
|
|
131
138
|
key: questions[currentQuestionId].id,
|
|
132
139
|
result: result,
|
|
133
140
|
disabled: disabled,
|
|
@@ -149,7 +156,11 @@ var Container = function Container(_ref) {
|
|
|
149
156
|
})) : /*#__PURE__*/_react.default.createElement("button", {
|
|
150
157
|
id: "finish-button",
|
|
151
158
|
onClick: function onClick() {
|
|
152
|
-
|
|
159
|
+
play('click-ui');
|
|
160
|
+
|
|
161
|
+
if (answered) {
|
|
162
|
+
finishTest();
|
|
163
|
+
}
|
|
153
164
|
},
|
|
154
165
|
type: "button",
|
|
155
166
|
className: "gat--btn__navigation ".concat(!answered ? 'disabled' : '')
|
|
@@ -252,7 +252,8 @@ var TestComponent = function TestComponent(_ref) {
|
|
|
252
252
|
questions: questions,
|
|
253
253
|
updateForm: updateForm,
|
|
254
254
|
showResults: showResults,
|
|
255
|
-
translate: translate
|
|
255
|
+
translate: translate,
|
|
256
|
+
soundActions: soundActions
|
|
256
257
|
}) : /*#__PURE__*/_react.default.createElement(_Results.default, {
|
|
257
258
|
reviewTest: function reviewTest() {
|
|
258
259
|
changeFirst(false);
|
|
@@ -261,7 +261,8 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
|
|
|
261
261
|
});
|
|
262
262
|
var specificWrongFeedback = (_list$currentSlide2 = list[currentSlide]) === null || _list$currentSlide2 === void 0 ? void 0 : (_list$currentSlide2$s = _list$currentSlide2.specificFeedbacks) === null || _list$currentSlide2$s === void 0 ? void 0 : _list$currentSlide2$s.wrongFeedbacks.find(function (fb) {
|
|
263
263
|
return fb.id === id;
|
|
264
|
-
});
|
|
264
|
+
});
|
|
265
|
+
playSound('click-ui'); // si va en orden
|
|
265
266
|
|
|
266
267
|
if (list[currentSlide].hasClickOrder) {
|
|
267
268
|
// y lo has hecho bien
|
|
@@ -315,7 +316,7 @@ var TextClickPuzzleComponent = function TextClickPuzzleComponent(_ref) {
|
|
|
315
316
|
|
|
316
317
|
}
|
|
317
318
|
}
|
|
318
|
-
}, [list, currentSlide, orderCounter, handleCorrectClick, emitEvent, translate, handleIncorrectClick]);
|
|
319
|
+
}, [list, currentSlide, orderCounter, handleCorrectClick, emitEvent, translate, handleIncorrectClick, playSound]);
|
|
319
320
|
var recursiveStuff = (0, _react.useCallback)(function (jsx) {
|
|
320
321
|
return (0, _utils.getRecursiveJSX)(jsx, 0, list[currentSlide], onClickMark);
|
|
321
322
|
}, [currentSlide, list, onClickMark]);
|
|
@@ -34,7 +34,8 @@ var UrlComponent = function UrlComponent(_ref) {
|
|
|
34
34
|
text = _ref.text,
|
|
35
35
|
text_labelId = _ref.text_labelId,
|
|
36
36
|
viewed = _ref.viewed,
|
|
37
|
-
documentType = _ref.documentType
|
|
37
|
+
documentType = _ref.documentType,
|
|
38
|
+
soundActions = _ref.soundActions;
|
|
38
39
|
var item = {
|
|
39
40
|
documentType: documentType,
|
|
40
41
|
name: name_labelId,
|
|
@@ -43,7 +44,11 @@ var UrlComponent = function UrlComponent(_ref) {
|
|
|
43
44
|
type: 'url'
|
|
44
45
|
};
|
|
45
46
|
|
|
47
|
+
var _soundActions = _slicedToArray(soundActions, 1),
|
|
48
|
+
play = _soundActions[0];
|
|
49
|
+
|
|
46
50
|
var close = function close() {
|
|
51
|
+
play('click-ui');
|
|
47
52
|
emitEvent({
|
|
48
53
|
type: 'finishMedia',
|
|
49
54
|
payload: item
|
|
@@ -86,6 +91,7 @@ var UrlComponent = function UrlComponent(_ref) {
|
|
|
86
91
|
target: "_blank",
|
|
87
92
|
rel: "noopener noreferrer",
|
|
88
93
|
onClick: function onClick() {
|
|
94
|
+
play('click-ui');
|
|
89
95
|
setClicked(true);
|
|
90
96
|
}
|
|
91
97
|
}, link)))));
|
|
@@ -23,6 +23,7 @@ var VideoComponent = function VideoComponent(_ref) {
|
|
|
23
23
|
documentType = _ref.documentType,
|
|
24
24
|
document = _ref.document,
|
|
25
25
|
documentId_labelId = _ref.documentId_labelId,
|
|
26
|
+
soundActions = _ref.soundActions,
|
|
26
27
|
required = _ref.required,
|
|
27
28
|
viewed = _ref.viewed,
|
|
28
29
|
visible = _ref.visible,
|
|
@@ -61,6 +62,7 @@ var VideoComponent = function VideoComponent(_ref) {
|
|
|
61
62
|
return /*#__PURE__*/_react.default.createElement(_videoVisor.default, {
|
|
62
63
|
backgroundImage: img === null || img === void 0 ? void 0 : img.url,
|
|
63
64
|
url: url,
|
|
65
|
+
soundActions: soundActions,
|
|
64
66
|
documentType: documentType,
|
|
65
67
|
required: required,
|
|
66
68
|
viewed: viewed,
|
|
@@ -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 ControlButtons = function ControlButtons(_ref) {
|
|
@@ -28,9 +26,5 @@ ControlButtons.defaultProps = {
|
|
|
28
26
|
paused: false,
|
|
29
27
|
pauseVideo: function pauseVideo() {}
|
|
30
28
|
};
|
|
31
|
-
ControlButtons.propTypes = {
|
|
32
|
-
paused: _propTypes.default.bool,
|
|
33
|
-
pauseVideo: _propTypes.default.func
|
|
34
|
-
};
|
|
35
29
|
var _default = ControlButtons;
|
|
36
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
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
11
|
|
|
14
12
|
var FinishedVideoButtons = function FinishedVideoButtons(_ref) {
|
|
@@ -37,9 +35,5 @@ FinishedVideoButtons.defaultProps = {
|
|
|
37
35
|
restart: function restart() {},
|
|
38
36
|
finished: false
|
|
39
37
|
};
|
|
40
|
-
FinishedVideoButtons.propTypes = {
|
|
41
|
-
restart: _propTypes.default.func,
|
|
42
|
-
finished: _propTypes.default.bool
|
|
43
|
-
};
|
|
44
38
|
var _default = FinishedVideoButtons;
|
|
45
39
|
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 PlayInitButton = function PlayInitButton(_ref) {
|
|
@@ -37,10 +35,5 @@ PlayInitButton.defaultProps = {
|
|
|
37
35
|
finished: false,
|
|
38
36
|
paused: false
|
|
39
37
|
};
|
|
40
|
-
PlayInitButton.propTypes = {
|
|
41
|
-
play: _propTypes.default.func,
|
|
42
|
-
finished: _propTypes.default.bool,
|
|
43
|
-
paused: _propTypes.default.bool
|
|
44
|
-
};
|
|
45
38
|
var _default = PlayInitButton;
|
|
46
39
|
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 skipButton = function skipButton(_ref) {
|
|
@@ -34,11 +32,5 @@ skipButton.defaultProps = {
|
|
|
34
32
|
finished: false,
|
|
35
33
|
skip: function skip() {}
|
|
36
34
|
};
|
|
37
|
-
skipButton.propTypes = {
|
|
38
|
-
mandatory: _propTypes.default.bool,
|
|
39
|
-
viewed: _propTypes.default.bool,
|
|
40
|
-
finished: _propTypes.default.bool,
|
|
41
|
-
skip: _propTypes.default.func
|
|
42
|
-
};
|
|
43
35
|
var _default = skipButton;
|
|
44
36
|
exports.default = _default;
|