@gamelearn/arcade-components 2.27.0 → 2.29.2
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/animation-component/components/AnimationComponent.js +10 -28
- package/dist/components/animation-component/index.js +0 -3
- package/dist/components/animation-component/mocks/mockForStory.js +0 -3
- package/dist/components/auto-evaluation-component/components/AutoEvaluation.js +30 -71
- package/dist/components/auto-evaluation-component/components/EndScreen.js +1 -9
- package/dist/components/auto-evaluation-component/components/StartScreen.js +2 -6
- package/dist/components/auto-evaluation-component/index.js +0 -3
- package/dist/components/auto-evaluation-component/mocks/mockForStory.js +0 -2
- package/dist/components/cards-selector-puzzle-component/components/Board/index.js +23 -55
- package/dist/components/cards-selector-puzzle-component/components/Card/index.js +4 -23
- package/dist/components/cards-selector-puzzle-component/components/CardsSelectorPuzzleComponent.js +41 -92
- package/dist/components/cards-selector-puzzle-component/index.js +0 -3
- package/dist/components/cards-selector-puzzle-component/mocks/mockForStory.js +4 -10
- package/dist/components/cartel-component/components/CartelComponent.js +16 -42
- package/dist/components/cartel-component/index.js +0 -3
- package/dist/components/chained-image-click-puzzle-component/components/ChainedImageClickPuzzleComponent.js +20 -38
- package/dist/components/chained-image-click-puzzle-component/components/CurrentImagePuzzle.js +25 -64
- package/dist/components/chained-image-click-puzzle-component/index.js +0 -3
- package/dist/components/chained-image-click-puzzle-component/mocks/mockForStory.js +1 -2
- package/dist/components/comic-component/components/ComicComponent.js +37 -81
- package/dist/components/comic-component/components/Slide.js +2 -7
- package/dist/components/comic-component/components/Vignette.js +7 -23
- package/dist/components/comic-component/index.js +0 -3
- package/dist/components/comic-component/mocks/mockForStory.js +1 -2
- package/dist/components/conversational-component/components/ConversationalComponent.js +15 -39
- package/dist/components/conversational-component/index.js +0 -3
- package/dist/components/conversational-pro-component/components/ConversationalProComponent.js +54 -137
- package/dist/components/conversational-pro-component/components/Message.js +1 -9
- package/dist/components/conversational-pro-component/components/Slot.js +3 -20
- package/dist/components/conversational-pro-component/components/SlotList.js +16 -40
- package/dist/components/conversational-pro-component/components/scene/Panel.js +12 -54
- package/dist/components/conversational-pro-component/components/scene/Panels.js +10 -17
- package/dist/components/conversational-pro-component/components/scene/index.js +11 -30
- package/dist/components/conversational-pro-component/index.js +0 -3
- package/dist/components/conversational-pro-component/mocks/mockForStory.js +1 -2
- package/dist/components/cracker-puzzle-component/components/CrackerPuzzleComponent.js +35 -89
- package/dist/components/cracker-puzzle-component/components/DrawGrid/index.js +3 -7
- package/dist/components/cracker-puzzle-component/components/DrawItem/index.js +4 -9
- package/dist/components/cracker-puzzle-component/components/DrawRow/index.js +4 -9
- package/dist/components/cracker-puzzle-component/components/helpers.js +15 -55
- package/dist/components/cracker-puzzle-component/index.js +0 -3
- package/dist/components/cracker-puzzle-component/mocks/mockForStory.js +0 -2
- package/dist/components/decision-component/components/DecisionBody.js +26 -48
- package/dist/components/decision-component/components/DecisionComponent.js +22 -70
- package/dist/components/decision-component/components/Feedback.js +2 -11
- package/dist/components/decision-component/components/Options.js +12 -31
- package/dist/components/decision-component/index.js +0 -3
- package/dist/components/decision-component/mocks/mockForStory.js +0 -2
- package/dist/components/dialog-component/components/BubbleWrapper.js +1 -7
- package/dist/components/dialog-component/components/DialogComponent.js +118 -338
- package/dist/components/dialog-component/components/DialogDecision.js +3 -13
- package/dist/components/dialog-component/components/SpeechBubbleComponent.js +6 -24
- package/dist/components/dialog-component/index.js +0 -3
- package/dist/components/dialog-component/mocks/mockForStory.js +1 -5
- package/dist/components/drag-item-puzzle-component/components/DragItemPuzzleComponent.js +34 -90
- package/dist/components/drag-item-puzzle-component/components/Messages.js +0 -4
- package/dist/components/drag-item-puzzle-component/index.js +0 -3
- package/dist/components/drag-item-puzzle-component/mocks/mockForStory.js +1 -2
- package/dist/components/feedback-component/components/FeedbackComponent.js +34 -52
- package/dist/components/feedback-component/index.js +0 -3
- package/dist/components/feedback-component/mocks/mockForStory.js +1 -2
- package/dist/components/frame-click-puzzle-component/components/Counter/index.js +3 -8
- package/dist/components/frame-click-puzzle-component/components/CurrentFramePuzzle.js +36 -68
- package/dist/components/frame-click-puzzle-component/components/FrameClickPuzzleComponent.js +33 -68
- package/dist/components/frame-click-puzzle-component/components/Tooltip/index.js +0 -6
- package/dist/components/frame-click-puzzle-component/index.js +0 -3
- package/dist/components/frame-click-puzzle-component/mocks/mockForStory.js +1 -2
- package/dist/components/hacker-puzzle-component/components/HackerPuzzleComponent.js +29 -69
- package/dist/components/hacker-puzzle-component/index.js +0 -3
- package/dist/components/hacker-puzzle-component/mocks/mockForStory.js +0 -2
- package/dist/components/hanged-puzzle-component/components/HangedPuzzleComponent.js +48 -123
- package/dist/components/hanged-puzzle-component/index.js +0 -3
- package/dist/components/hanged-puzzle-component/mocks/mockForStory.js +0 -3
- package/dist/components/hanged-puzzle-component/utils.js +0 -20
- package/dist/components/image-click-puzzle-component/components/ImageClickPuzzleComponent.js +1 -8
- package/dist/components/image-click-puzzle-component/index.js +0 -3
- package/dist/components/image-click-puzzle-component/mocks/mockForStory.js +0 -2
- package/dist/components/image-click-wrapper-component/components/CountDown/index.js +0 -4
- package/dist/components/image-click-wrapper-component/components/ImageClickWrapperComponent.js +67 -134
- package/dist/components/image-click-wrapper-component/components/TimerDialog/index.js +2 -6
- package/dist/components/image-click-wrapper-component/index.js +0 -3
- package/dist/components/image-click-wrapper-component/mocks/mockForStory.js +0 -2
- package/dist/components/image-component/components/ImageComponent.js +14 -33
- package/dist/components/image-component/index.js +0 -3
- package/dist/components/image-component/mocks/mockForStory.js +0 -2
- package/dist/components/index.js +0 -39
- package/dist/components/inventory-item/components/InventoryItem.js +9 -35
- package/dist/components/inventory-item/index.js +0 -3
- package/dist/components/inventory-item/mocks/mockForStory.js +0 -3
- package/dist/components/keyboard-puzzle-component/components/KeyboardPuzzleComponent.js +33 -75
- package/dist/components/keyboard-puzzle-component/index.js +0 -3
- package/dist/components/keyboard-puzzle-component/mocks/mockForStory.js +0 -2
- package/dist/components/konva-components/Area/index.js +15 -44
- package/dist/components/konva-components/KonvaMapper.js +19 -42
- package/dist/components/lectures-component/components/LectureButtons.js +12 -13
- package/dist/components/lectures-component/components/LecturesComponent.js +29 -55
- package/dist/components/lectures-component/index.js +0 -3
- package/dist/components/lectures-component/mocks/mockForStory.js +6 -9
- package/dist/components/login-puzzle-component/components/LoginPuzzleComponent.js +38 -80
- package/dist/components/login-puzzle-component/index.js +0 -3
- package/dist/components/login-puzzle-component/mocks/mockForStory.js +0 -2
- package/dist/components/notice-component/components/NoticeComponent.js +8 -21
- package/dist/components/notice-component/index.js +0 -3
- package/dist/components/notice-component/mocks/mockForStory.js +0 -2
- package/dist/components/pattern-component/components/PatternComponent.js +8 -24
- package/dist/components/pattern-component/index.js +0 -3
- package/dist/components/pattern-component/mocks/mockForStory.js +0 -2
- package/dist/components/pdf-component/components/PdfComponent.js +23 -55
- package/dist/components/pdf-component/components/PdfVisor.js +22 -58
- package/dist/components/pdf-component/index.js +0 -3
- package/dist/components/pdf-component/mocks/mockForProps.js +1 -2
- package/dist/components/referral-component/components/EmailPill.js +2 -6
- package/dist/components/referral-component/components/ReferralComponent.js +30 -59
- package/dist/components/referral-component/components/StepOne.js +14 -48
- package/dist/components/referral-component/components/StepTwo.js +8 -23
- package/dist/components/referral-component/index.js +0 -3
- package/dist/components/referral-component/mocks/mockForStory.js +0 -2
- package/dist/components/survey-component/components/ApplicableBox.js +8 -15
- package/dist/components/survey-component/components/OpinionBox.js +8 -15
- package/dist/components/survey-component/components/SurveyComponent.js +13 -40
- package/dist/components/survey-component/components/TextBox.js +7 -13
- package/dist/components/survey-component/index.js +0 -3
- package/dist/components/survey-component/mocks/mockForStory.js +0 -2
- package/dist/components/terminal-puzzle-component/components/FilesGroup/Item.js +1 -6
- package/dist/components/terminal-puzzle-component/components/FilesGroup/index.js +4 -10
- package/dist/components/terminal-puzzle-component/components/Image/index.js +2 -6
- package/dist/components/terminal-puzzle-component/components/TerminalPuzzleComponent.js +26 -65
- package/dist/components/terminal-puzzle-component/components/Visor/index.js +15 -35
- package/dist/components/terminal-puzzle-component/components/utils/index.js +0 -3
- package/dist/components/terminal-puzzle-component/index.js +0 -3
- package/dist/components/terminal-puzzle-component/mocks/mockForStory.js +1 -2
- package/dist/components/test-component/components/Container.js +26 -60
- package/dist/components/test-component/components/Feedbacks.js +3 -13
- package/dist/components/test-component/components/Questions.js +11 -45
- package/dist/components/test-component/components/Results.js +28 -52
- package/dist/components/test-component/components/TestComponent.js +59 -110
- package/dist/components/test-component/index.js +0 -3
- package/dist/components/test-component/mocks/mockForStory.js +4 -8
- package/dist/components/text-click-puzzle-component/components/TextClickPuzzleComponent.js +58 -95
- package/dist/components/text-click-puzzle-component/index.js +0 -3
- package/dist/components/text-click-puzzle-component/mocks/mockForStory.js +1 -2
- package/dist/components/text-click-puzzle-component/utils/index.js +6 -31
- package/dist/components/url-component/components/UrlComponent.js +16 -34
- package/dist/components/url-component/index.js +0 -3
- package/dist/components/url-component/mocks/mockForProps.js +0 -2
- package/dist/components/video-component/components/VideoComponent.js +11 -25
- package/dist/components/video-component/index.js +0 -3
- package/dist/components/video-component/mocks/mockForStory.js +0 -2
- package/dist/components/video-visor/components/VideoControllers/BufferBar.js +10 -37
- package/dist/components/video-visor/components/VideoControllers/ControlButtons.js +2 -6
- package/dist/components/video-visor/components/VideoControllers/FinishedVideoButtons.js +1 -5
- package/dist/components/video-visor/components/VideoControllers/PlayInitButton.js +2 -8
- package/dist/components/video-visor/components/VideoControllers/SkipButton.js +5 -9
- package/dist/components/video-visor/components/VideoControllers/Timer.js +0 -5
- package/dist/components/video-visor/components/VideoControllers/VolumeBar.js +4 -20
- package/dist/components/video-visor/components/VideoControllers/index.js +17 -29
- package/dist/components/video-visor/components/VideoVisor.js +38 -92
- package/dist/components/video-visor/index.js +0 -3
- package/dist/components/video-visor/mocks/mockForStory.js +1 -2
- package/dist/components/web-builder-puzzle-component/Popups/PopupColorComponent/index.js +11 -28
- package/dist/components/web-builder-puzzle-component/Popups/PopupImageComponent/index.js +10 -27
- package/dist/components/web-builder-puzzle-component/Popups/PopupTextComponent/index.js +13 -36
- package/dist/components/web-builder-puzzle-component/Popups/index.js +0 -4
- package/dist/components/web-builder-puzzle-component/Templates/Facebook.js +0 -2
- package/dist/components/web-builder-puzzle-component/components/EditButton/index.js +1 -5
- package/dist/components/web-builder-puzzle-component/components/Feedback/index.js +3 -7
- package/dist/components/web-builder-puzzle-component/components/PublishButton/index.js +1 -5
- package/dist/components/web-builder-puzzle-component/components/WebBuilderBody/BankBody.js +5 -12
- package/dist/components/web-builder-puzzle-component/components/WebBuilderBody/FacebookBody.js +5 -11
- package/dist/components/web-builder-puzzle-component/components/WebBuilderBody/index.js +0 -7
- package/dist/components/web-builder-puzzle-component/components/WebBuilderFront/index.js +5 -14
- package/dist/components/web-builder-puzzle-component/components/WebBuilderHeader/BankHeader.js +5 -13
- package/dist/components/web-builder-puzzle-component/components/WebBuilderHeader/FacebookHeader.js +3 -8
- package/dist/components/web-builder-puzzle-component/components/WebBuilderHeader/index.js +3 -10
- package/dist/components/web-builder-puzzle-component/components/WebBuilderPuzzleComponent.js +47 -112
- package/dist/components/web-builder-puzzle-component/components/WebBuilderTopBar/index.js +3 -9
- package/dist/components/web-builder-puzzle-component/index.js +0 -3
- package/dist/components/web-builder-puzzle-component/mocks/mockForStory.js +0 -3
- package/dist/components/writer-puzzle-component/components/ElectionComponent.js +13 -30
- package/dist/components/writer-puzzle-component/components/FeedbackComponent.js +14 -30
- package/dist/components/writer-puzzle-component/components/FeedbackElement.js +2 -6
- package/dist/components/writer-puzzle-component/components/FinishedTextComponent.js +1 -6
- package/dist/components/writer-puzzle-component/components/FixedComponent.js +17 -52
- package/dist/components/writer-puzzle-component/components/SingleElection.js +13 -41
- package/dist/components/writer-puzzle-component/components/WriterPuzzleComponent.js +63 -145
- package/dist/components/writer-puzzle-component/index.js +0 -3
- package/dist/components/writer-puzzle-component/mocks/mockForStory.js +10 -7
- package/dist/components/zoom-test/components/ZoomTest.js +7 -25
- package/dist/components/zoom-test/index.js +0 -3
- package/dist/components/zoom-test/mocks/mockForStory.js +0 -4
- package/dist/helpers/LangIsRtl.js +0 -4
- package/dist/helpers/LightSet.js +0 -4
- package/dist/helpers/LodController.js +1 -10
- package/dist/helpers/deviceDetection.js +2 -5
- package/dist/helpers/drawLOD.js +11 -53
- package/dist/helpers/index.js +73 -102
- package/dist/helpers/lodStats.js +2 -10
- package/dist/helpers/mocker.js +1 -20
- package/dist/helpers/useEkho.js +64 -91
- package/dist/helpers/useGLB.js +5 -13
- package/dist/helpers/useStateMachine.js +257 -0
- package/dist/helpers/useTimeout.js +0 -6
- package/dist/helpers/useWindowSize.js +8 -22
- package/dist/index.js +0 -2
- package/dist/test/testSceneWrapper.js +0 -8
- package/package.json +3 -2
|
@@ -4,42 +4,28 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = require("react");
|
|
9
|
-
|
|
10
8
|
var _fiber = require("@react-three/fiber");
|
|
11
|
-
|
|
12
9
|
var _three = require("three");
|
|
13
|
-
|
|
14
10
|
var _GLTFLoader = require("three/examples/jsm/loaders/GLTFLoader");
|
|
15
|
-
|
|
16
11
|
var _helpers = require("../../../helpers");
|
|
17
|
-
|
|
18
12
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
19
|
-
|
|
20
13
|
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."); }
|
|
21
|
-
|
|
22
14
|
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); }
|
|
23
|
-
|
|
24
|
-
function
|
|
25
|
-
|
|
26
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : 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; }
|
|
27
|
-
|
|
15
|
+
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; }
|
|
16
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
28
17
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
29
|
-
|
|
30
18
|
var AnimationComponent = function AnimationComponent(_ref) {
|
|
31
19
|
var animation = _ref.animation,
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
20
|
+
loopTimes = _ref.loopTimes,
|
|
21
|
+
resource = _ref.resource,
|
|
22
|
+
enableInteraction = _ref.enableInteraction,
|
|
23
|
+
makeDefault = _ref.makeDefault,
|
|
24
|
+
emitEvent = _ref.emitEvent;
|
|
38
25
|
var _useState = (0, _react.useState)(false),
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
26
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
27
|
+
mounted = _useState2[0],
|
|
28
|
+
setMounted = _useState2[1];
|
|
43
29
|
var scene = (0, _fiber.useThree)(function (state) {
|
|
44
30
|
return state.scene;
|
|
45
31
|
});
|
|
@@ -57,7 +43,6 @@ var AnimationComponent = function AnimationComponent(_ref) {
|
|
|
57
43
|
object = node;
|
|
58
44
|
}
|
|
59
45
|
});
|
|
60
|
-
|
|
61
46
|
if (object && animation && object.skeletonId === animation.skeletonId) {
|
|
62
47
|
if (makeDefault) {
|
|
63
48
|
emitEvent({
|
|
@@ -84,7 +69,6 @@ var AnimationComponent = function AnimationComponent(_ref) {
|
|
|
84
69
|
currentAction.setLoop(_three.LoopRepeat, loopTimes);
|
|
85
70
|
mixer.stopAllAction();
|
|
86
71
|
(0, _helpers.executeCrossFade)(oldAction, currentAction, 0.5);
|
|
87
|
-
|
|
88
72
|
var finishCallback = function finishCallback() {
|
|
89
73
|
(0, _helpers.executeCrossFade)(currentAction, oldAction, 0.5);
|
|
90
74
|
if (canInteract) emitEvent({
|
|
@@ -92,7 +76,6 @@ var AnimationComponent = function AnimationComponent(_ref) {
|
|
|
92
76
|
});
|
|
93
77
|
mixer.removeEventListener('finished', finishCallback);
|
|
94
78
|
};
|
|
95
|
-
|
|
96
79
|
mixer.addEventListener('finished', finishCallback);
|
|
97
80
|
setMounted(true);
|
|
98
81
|
});
|
|
@@ -106,6 +89,5 @@ var AnimationComponent = function AnimationComponent(_ref) {
|
|
|
106
89
|
}, [scene, animation === null || animation === void 0 ? void 0 : animation.url, loopTimes, emitEvent, mounted, loader, resource.uid, makeDefault, animation, resource, enableInteraction]);
|
|
107
90
|
return null;
|
|
108
91
|
};
|
|
109
|
-
|
|
110
92
|
var _default = AnimationComponent;
|
|
111
93
|
exports.default = _default;
|
|
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _AnimationComponent = _interopRequireDefault(require("./components/AnimationComponent"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
9
|
var _default = _AnimationComponent.default;
|
|
13
10
|
exports.default = _default;
|
|
@@ -4,14 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.mockProps = exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
/* eslint-disable no-console */
|
|
9
|
-
|
|
10
8
|
/* eslint-disable max-len */
|
|
11
9
|
var emitEvent = function emitEvent() {
|
|
12
10
|
console.info('Emit event called');
|
|
13
11
|
};
|
|
14
|
-
|
|
15
12
|
var mockProps = {
|
|
16
13
|
resource: {
|
|
17
14
|
elementUid: 'snHJhg',
|
|
@@ -1,107 +1,77 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _EndScreen = _interopRequireDefault(require("./EndScreen"));
|
|
13
|
-
|
|
14
10
|
var _StartScreen = _interopRequireDefault(require("./StartScreen"));
|
|
15
|
-
|
|
16
11
|
var _LangIsRtl = _interopRequireDefault(require("../../../helpers/LangIsRtl"));
|
|
17
|
-
|
|
18
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
20
13
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
|
-
|
|
22
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
|
|
23
|
-
|
|
24
15
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
25
|
-
|
|
26
16
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
27
|
-
|
|
28
|
-
function
|
|
29
|
-
|
|
17
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
18
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
19
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
30
20
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
31
|
-
|
|
32
21
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
33
|
-
|
|
34
22
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
35
|
-
|
|
36
23
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
37
|
-
|
|
38
24
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
39
|
-
|
|
40
25
|
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."); }
|
|
41
|
-
|
|
42
26
|
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); }
|
|
43
|
-
|
|
44
|
-
function
|
|
45
|
-
|
|
46
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : 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; }
|
|
47
|
-
|
|
27
|
+
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; }
|
|
28
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
48
29
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
49
|
-
|
|
50
30
|
var AutoEvaluation = function AutoEvaluation(_ref) {
|
|
51
31
|
var _questions$currentQue, _surveyData$current$q3, _surveyData$current$q4;
|
|
52
|
-
|
|
53
32
|
var description = _ref.description,
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
33
|
+
questions = _ref.questions,
|
|
34
|
+
type = _ref.type,
|
|
35
|
+
emitEvent = _ref.emitEvent,
|
|
36
|
+
soundActions = _ref.soundActions;
|
|
59
37
|
var _useState = (0, _react.useState)(null),
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
38
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
39
|
+
pointIsBeingTouched = _useState2[0],
|
|
40
|
+
setPointIsBeingTouched = _useState2[1];
|
|
64
41
|
var _useState3 = (0, _react.useState)('start'),
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
42
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
43
|
+
phase = _useState4[0],
|
|
44
|
+
setPhase = _useState4[1];
|
|
69
45
|
var _useState5 = (0, _react.useState)(false),
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
46
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
47
|
+
finish = _useState6[0],
|
|
48
|
+
setFinish = _useState6[1];
|
|
74
49
|
var _useState7 = (0, _react.useState)(0),
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
50
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
51
|
+
currentQuestion = _useState8[0],
|
|
52
|
+
setCurrentQuestion = _useState8[1];
|
|
79
53
|
var _useState9 = (0, _react.useState)({
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
54
|
+
current: {
|
|
55
|
+
questions: [],
|
|
56
|
+
type: type
|
|
57
|
+
}
|
|
58
|
+
}),
|
|
59
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
60
|
+
surveyData = _useState10[0],
|
|
61
|
+
setSurveyData = _useState10[1];
|
|
89
62
|
var _soundActions = _slicedToArray(soundActions, 1),
|
|
90
|
-
|
|
91
|
-
|
|
63
|
+
play = _soundActions[0];
|
|
92
64
|
var translate = function translate(id) {
|
|
93
65
|
return emitEvent({
|
|
94
66
|
type: 'translate',
|
|
95
67
|
payload: id
|
|
96
68
|
});
|
|
97
69
|
};
|
|
98
|
-
|
|
99
70
|
var lostFocusWhenClickEnter = function lostFocusWhenClickEnter(e) {
|
|
100
71
|
if (e.keyCode === 13) {
|
|
101
72
|
e.target.blur();
|
|
102
73
|
}
|
|
103
74
|
};
|
|
104
|
-
|
|
105
75
|
var close = function close() {
|
|
106
76
|
play('click-ui');
|
|
107
77
|
emitEvent({
|
|
@@ -109,29 +79,23 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
|
|
|
109
79
|
payload: surveyData.current
|
|
110
80
|
});
|
|
111
81
|
};
|
|
112
|
-
|
|
113
82
|
(0, _react.useEffect)(function () {
|
|
114
83
|
if (!questions.length && phase === 'questions') {
|
|
115
84
|
setPhase('end');
|
|
116
85
|
}
|
|
117
86
|
}, [questions, phase]);
|
|
118
|
-
|
|
119
87
|
var handleNextQuestion = function handleNextQuestion(optionSelected) {
|
|
120
88
|
var _surveyData$current$q;
|
|
121
|
-
|
|
122
89
|
var backward = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
123
90
|
var answer = optionSelected !== null ? optionSelected : (_surveyData$current$q = surveyData.current.questions.find(function (q) {
|
|
124
91
|
return q.id === questions[currentQuestion].id;
|
|
125
92
|
})) === null || _surveyData$current$q === void 0 ? void 0 : _surveyData$current$q.answer;
|
|
126
93
|
play('click-ui');
|
|
127
|
-
|
|
128
94
|
if (!backward) {
|
|
129
95
|
var questionIndex = surveyData.current.questions.findIndex(function (q) {
|
|
130
96
|
return q.id === questions[currentQuestion].id;
|
|
131
97
|
});
|
|
132
|
-
|
|
133
98
|
var updatedQuestions = _toConsumableArray(surveyData.current.questions);
|
|
134
|
-
|
|
135
99
|
if (questionIndex > -1) {
|
|
136
100
|
updatedQuestions.splice(questionIndex, 1, {
|
|
137
101
|
id: questions[currentQuestion].id,
|
|
@@ -143,13 +107,11 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
|
|
|
143
107
|
answer: answer
|
|
144
108
|
});
|
|
145
109
|
}
|
|
146
|
-
|
|
147
110
|
setSurveyData(_objectSpread(_objectSpread({}, surveyData), {}, {
|
|
148
111
|
current: _objectSpread(_objectSpread({}, surveyData.current), {}, {
|
|
149
112
|
questions: updatedQuestions
|
|
150
113
|
})
|
|
151
114
|
}));
|
|
152
|
-
|
|
153
115
|
if (currentQuestion === questions.length - 1) {
|
|
154
116
|
setFinish(true);
|
|
155
117
|
} else {
|
|
@@ -161,7 +123,6 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
|
|
|
161
123
|
setFinish(false);
|
|
162
124
|
}
|
|
163
125
|
};
|
|
164
|
-
|
|
165
126
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
166
127
|
className: "test--container__overlay",
|
|
167
128
|
"aria-label": "test container overlay"
|
|
@@ -197,7 +158,6 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
|
|
|
197
158
|
"aria-label": "survey points"
|
|
198
159
|
}, Array(11).fill(0).map(function (_, i) {
|
|
199
160
|
var _surveyData$current$q2;
|
|
200
|
-
|
|
201
161
|
return /*#__PURE__*/_react.default.createElement("button", {
|
|
202
162
|
key: "".concat(0 + i),
|
|
203
163
|
type: "button",
|
|
@@ -251,6 +211,5 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
|
|
|
251
211
|
translate: translate
|
|
252
212
|
})));
|
|
253
213
|
};
|
|
254
|
-
|
|
255
214
|
var _default = AutoEvaluation;
|
|
256
215
|
exports.default = _default;
|
|
@@ -1,31 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
-
|
|
14
10
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
|
|
15
|
-
|
|
16
11
|
var EndScreen = function EndScreen(_ref) {
|
|
17
12
|
var onFinish = _ref.onFinish,
|
|
18
|
-
|
|
13
|
+
translate = _ref.translate;
|
|
19
14
|
// show this screen 2 seconds
|
|
20
15
|
(0, _react.useEffect)(function () {
|
|
21
16
|
var timeout;
|
|
22
|
-
|
|
23
17
|
if (onFinish) {
|
|
24
18
|
timeout = setTimeout(function () {
|
|
25
19
|
onFinish();
|
|
26
20
|
}, 2000);
|
|
27
21
|
}
|
|
28
|
-
|
|
29
22
|
return function () {
|
|
30
23
|
if (timeout) clearTimeout(timeout);
|
|
31
24
|
};
|
|
@@ -46,6 +39,5 @@ var EndScreen = function EndScreen(_ref) {
|
|
|
46
39
|
role: "contentinfo"
|
|
47
40
|
}, translate('auto-evaluation.thanks'))));
|
|
48
41
|
};
|
|
49
|
-
|
|
50
42
|
var _default = EndScreen;
|
|
51
43
|
exports.default = _default;
|
|
@@ -4,15 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
9
|
var StartScreen = function StartScreen(_ref) {
|
|
13
10
|
var onNext = _ref.onNext,
|
|
14
|
-
|
|
15
|
-
|
|
11
|
+
description = _ref.description,
|
|
12
|
+
translate = _ref.translate;
|
|
16
13
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
17
14
|
className: "auto-evaluation__startscreen",
|
|
18
15
|
role: "alertdialog",
|
|
@@ -31,6 +28,5 @@ var StartScreen = function StartScreen(_ref) {
|
|
|
31
28
|
onClick: onNext
|
|
32
29
|
}, /*#__PURE__*/_react.default.createElement("span", null, translate('auto-evaluation.start'))));
|
|
33
30
|
};
|
|
34
|
-
|
|
35
31
|
var _default = StartScreen;
|
|
36
32
|
exports.default = _default;
|
|
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _AutoEvaluation = _interopRequireDefault(require("./components/AutoEvaluation"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
9
|
var _default = _AutoEvaluation.default;
|
|
13
10
|
exports.default = _default;
|
|
@@ -1,68 +1,49 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _Card = _interopRequireDefault(require("../Card"));
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
|
-
|
|
18
12
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
|
|
19
|
-
|
|
20
13
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
21
|
-
|
|
22
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."); }
|
|
23
|
-
|
|
24
15
|
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); }
|
|
25
|
-
|
|
26
|
-
function
|
|
27
|
-
|
|
28
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : 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; }
|
|
29
|
-
|
|
16
|
+
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; }
|
|
17
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
30
18
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
31
|
-
|
|
32
19
|
var Board = function Board(_ref) {
|
|
33
20
|
var cards = _ref.cards,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
21
|
+
currentOrder = _ref.currentOrder,
|
|
22
|
+
setCurrentOrder = _ref.setCurrentOrder,
|
|
23
|
+
handleError = _ref.handleError,
|
|
24
|
+
feedbackIsShown = _ref.feedbackIsShown,
|
|
25
|
+
resolvePuzzle = _ref.resolvePuzzle,
|
|
26
|
+
soundActions = _ref.soundActions,
|
|
27
|
+
onFinish = _ref.onFinish,
|
|
28
|
+
handleSuccess = _ref.handleSuccess;
|
|
43
29
|
var _useState = (0, _react.useState)(Array(cards.length).fill(false)),
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
30
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
31
|
+
flipped = _useState2[0],
|
|
32
|
+
setFlipped = _useState2[1];
|
|
48
33
|
var _useState3 = (0, _react.useState)(Array(cards.length).fill(false)),
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
34
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
35
|
+
wrongOrder = _useState4[0],
|
|
36
|
+
setWrongOrder = _useState4[1];
|
|
53
37
|
var _useState5 = (0, _react.useState)(0),
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
38
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
39
|
+
correctCards = _useState6[0],
|
|
40
|
+
setCorrectCards = _useState6[1];
|
|
58
41
|
var _useState7 = (0, _react.useState)(false),
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
42
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
43
|
+
finished = _useState8[0],
|
|
44
|
+
setFinished = _useState8[1];
|
|
63
45
|
var _soundActions = _slicedToArray(soundActions, 1),
|
|
64
|
-
|
|
65
|
-
|
|
46
|
+
play = _soundActions[0];
|
|
66
47
|
var numberOfCorrectCards = cards.filter(function (card) {
|
|
67
48
|
return card.correct === true;
|
|
68
49
|
}).length;
|
|
@@ -71,24 +52,20 @@ var Board = function Board(_ref) {
|
|
|
71
52
|
}).length > 0;
|
|
72
53
|
var reset = (0, _react.useCallback)(function () {
|
|
73
54
|
setFlipped(Array(cards.length).fill(false)); // reset it to the original length
|
|
74
|
-
|
|
75
55
|
setWrongOrder(Array(cards.length).fill(false));
|
|
76
56
|
setCorrectCards(0);
|
|
77
57
|
setCurrentOrder(1);
|
|
78
58
|
}, [cards.length, setCurrentOrder]);
|
|
79
|
-
|
|
80
59
|
var timedReset = function timedReset() {
|
|
81
60
|
setTimeout(function () {
|
|
82
61
|
reset();
|
|
83
62
|
}, 1000);
|
|
84
63
|
};
|
|
85
|
-
|
|
86
64
|
function flipACard(index) {
|
|
87
65
|
var tempFlipped = Array.from(flipped);
|
|
88
66
|
tempFlipped[index] = index;
|
|
89
67
|
setFlipped(tempFlipped);
|
|
90
68
|
}
|
|
91
|
-
|
|
92
69
|
var flipAllCorrect = (0, _react.useCallback)(function () {
|
|
93
70
|
var arrayToFlip = [];
|
|
94
71
|
cards.forEach(function (card, index) {
|
|
@@ -110,19 +87,15 @@ var Board = function Board(_ref) {
|
|
|
110
87
|
setCorrectCards(0);
|
|
111
88
|
}
|
|
112
89
|
}, [correctCards, onFinish, numberOfCorrectCards]);
|
|
113
|
-
|
|
114
90
|
var handleCorrect = function handleCorrect(index) {
|
|
115
91
|
flipACard(index);
|
|
116
92
|
handleSuccess(cards[index].id || null);
|
|
117
93
|
setCorrectCards(correctCards + 1);
|
|
118
94
|
};
|
|
119
|
-
|
|
120
95
|
var _handleClick = function handleClick(index) {
|
|
121
96
|
if (finished) return;
|
|
122
|
-
|
|
123
97
|
if (!feedbackIsShown) {
|
|
124
98
|
play('click-ui');
|
|
125
|
-
|
|
126
99
|
if (cards[index].correct && !isOrderBased) {
|
|
127
100
|
handleCorrect(index);
|
|
128
101
|
} else if (isOrderBased) {
|
|
@@ -133,19 +106,16 @@ var Board = function Board(_ref) {
|
|
|
133
106
|
} else {
|
|
134
107
|
if (cards[index].order !== currentOrder) {
|
|
135
108
|
var _cards$index;
|
|
136
|
-
|
|
137
109
|
var tempWrong = Array.from(wrongOrder);
|
|
138
110
|
tempWrong[index] = index;
|
|
139
111
|
setWrongOrder(tempWrong);
|
|
140
112
|
handleError(((_cards$index = cards[index]) === null || _cards$index === void 0 ? void 0 : _cards$index.id) || null, cards[index].correct);
|
|
141
113
|
timedReset();
|
|
142
114
|
}
|
|
143
|
-
|
|
144
115
|
flipACard(index);
|
|
145
116
|
}
|
|
146
117
|
} else {
|
|
147
118
|
var _cards$index2;
|
|
148
|
-
|
|
149
119
|
// fails and resets
|
|
150
120
|
handleError(((_cards$index2 = cards[index]) === null || _cards$index2 === void 0 ? void 0 : _cards$index2.id) || null);
|
|
151
121
|
timedReset();
|
|
@@ -153,7 +123,6 @@ var Board = function Board(_ref) {
|
|
|
153
123
|
}
|
|
154
124
|
}
|
|
155
125
|
};
|
|
156
|
-
|
|
157
126
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
158
127
|
className: "cards-selector__content cards-selector__content-".concat(cards.length)
|
|
159
128
|
}, cards && cards.map(function (card, cardIndex) {
|
|
@@ -170,7 +139,6 @@ var Board = function Board(_ref) {
|
|
|
170
139
|
});
|
|
171
140
|
}));
|
|
172
141
|
};
|
|
173
|
-
|
|
174
142
|
Board.defaultProps = {
|
|
175
143
|
setCurrentOrder: function setCurrentOrder() {},
|
|
176
144
|
handleError: function handleError() {},
|