@gamelearn/arcade-components 2.23.9 → 2.24.0
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 +2 -3
- package/dist/components/decision-component/components/Options.js +2 -1
- package/dist/components/index.js +0 -8
- package/dist/components/survey-component/components/ApplicableBox.js +16 -12
- package/dist/components/survey-component/components/SurveyComponent.js +3 -3
- package/dist/components/test-component/components/Container.js +87 -22
- package/dist/components/test-component/components/Feedbacks.js +44 -0
- package/dist/components/test-component/components/Questions.js +119 -25
- package/dist/components/test-component/components/Results.js +113 -22
- package/dist/components/test-component/components/TestComponent.js +94 -40
- package/package.json +3 -3
- package/dist/components/media-visor/components/MediaVisor.js +0 -143
- package/dist/components/media-visor/index.js +0 -13
- package/dist/components/media-visor/mocks/mockForStory.js +0 -31
- package/dist/components/rewards-component/components/RewardItem.js +0 -88
- package/dist/components/rewards-component/components/RewardsComponent.js +0 -196
- package/dist/components/rewards-component/index.js +0 -13
- package/dist/components/rewards-component/mocks/mockForStory.js +0 -204
- package/dist/components/test-component/components/Feedback.js +0 -53
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
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
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
|
-
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
|
-
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
|
-
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 == 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; }
|
|
25
|
-
|
|
26
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
27
|
-
|
|
28
|
-
var RewardItem = /*#__PURE__*/_react.default.forwardRef(function (props, _ref) {
|
|
29
|
-
var elementReward = props.elementReward,
|
|
30
|
-
getIcon = props.getIcon;
|
|
31
|
-
var iconToUse = getIcon(elementReward) || 'mdi mdi-hand-heart';
|
|
32
|
-
var reward = elementReward;
|
|
33
|
-
var intPoints = parseInt(reward.points);
|
|
34
|
-
var isPositive = Math.sign(intPoints) === 1;
|
|
35
|
-
var success = isPositive ? 'success' : 'failed';
|
|
36
|
-
var arrowIcon = isPositive ? 'icon-up' : 'icon-down';
|
|
37
|
-
|
|
38
|
-
var _useState = (0, _react.useState)(false),
|
|
39
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
40
|
-
tooltip = _useState2[0],
|
|
41
|
-
setTooltip = _useState2[1];
|
|
42
|
-
|
|
43
|
-
var tooltipReference = (0, _react.useRef)();
|
|
44
|
-
|
|
45
|
-
var translate = function translate(id) {
|
|
46
|
-
return props.emitEvent({
|
|
47
|
-
type: 'translate',
|
|
48
|
-
payload: id
|
|
49
|
-
});
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
53
|
-
ref: function ref(node) {
|
|
54
|
-
_ref(node);
|
|
55
|
-
|
|
56
|
-
tooltipReference.current = node;
|
|
57
|
-
},
|
|
58
|
-
className: "test--results__carrousel--item",
|
|
59
|
-
onMouseOver: function onMouseOver() {
|
|
60
|
-
return setTooltip(true);
|
|
61
|
-
},
|
|
62
|
-
onMouseOut: function onMouseOut() {
|
|
63
|
-
return setTooltip(false);
|
|
64
|
-
}
|
|
65
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
66
|
-
className: "test--rewards__icons"
|
|
67
|
-
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
68
|
-
className: iconToUse
|
|
69
|
-
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
70
|
-
className: "test--rewards__indicator ".concat(success)
|
|
71
|
-
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
72
|
-
className: arrowIcon
|
|
73
|
-
}))), /*#__PURE__*/_react.default.createElement("span", {
|
|
74
|
-
className: "test--rewards__text"
|
|
75
|
-
}, /*#__PURE__*/_react.default.createElement("b", null, intPoints), /*#__PURE__*/_react.default.createElement("span", {
|
|
76
|
-
className: "test--rewards__indicatorText"
|
|
77
|
-
}, /*#__PURE__*/_react.default.createElement("span", null, translate(reward.label || reward.name)))), /*#__PURE__*/_react.default.createElement("div", {
|
|
78
|
-
className: "fixed-tooltip",
|
|
79
|
-
style: tooltip ? {
|
|
80
|
-
top: "".concat(tooltipReference.current.getBoundingClientRect().bottom + 8, "px"),
|
|
81
|
-
left: "".concat(tooltipReference.current.getBoundingClientRect().left + tooltipReference.current.getBoundingClientRect().width / 2, "px"),
|
|
82
|
-
opacity: 1
|
|
83
|
-
} : null
|
|
84
|
-
}, tooltip && /*#__PURE__*/_react.default.createElement("span", null, translate(reward.label || reward.name))));
|
|
85
|
-
});
|
|
86
|
-
|
|
87
|
-
var _default = RewardItem;
|
|
88
|
-
exports.default = _default;
|
|
@@ -1,196 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
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
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
|
-
var _RewardItem = _interopRequireDefault(require("./RewardItem"));
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
|
-
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
|
-
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
|
-
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; }
|
|
21
|
-
|
|
22
|
-
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; }
|
|
23
|
-
|
|
24
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
25
|
-
|
|
26
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
27
|
-
|
|
28
|
-
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."); }
|
|
29
|
-
|
|
30
|
-
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); }
|
|
31
|
-
|
|
32
|
-
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; }
|
|
33
|
-
|
|
34
|
-
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; }
|
|
35
|
-
|
|
36
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
37
|
-
|
|
38
|
-
var RewardsComponent = function RewardsComponent(_ref) {
|
|
39
|
-
var rewards = _ref.rewards,
|
|
40
|
-
emitEvent = _ref.emitEvent,
|
|
41
|
-
soundActions = _ref.soundActions;
|
|
42
|
-
var carouselRef = (0, _react.useRef)();
|
|
43
|
-
var indicators = emitEvent({
|
|
44
|
-
type: 'loadIndicators'
|
|
45
|
-
});
|
|
46
|
-
|
|
47
|
-
var _useState = (0, _react.useState)(0),
|
|
48
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
49
|
-
offset = _useState2[0],
|
|
50
|
-
setOffset = _useState2[1];
|
|
51
|
-
|
|
52
|
-
var rewardsSize = (0, _react.useRef)({});
|
|
53
|
-
|
|
54
|
-
var _useState3 = (0, _react.useState)(0),
|
|
55
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
56
|
-
leftAmount = _useState4[0],
|
|
57
|
-
setLeftAmount = _useState4[1];
|
|
58
|
-
|
|
59
|
-
var _useState5 = (0, _react.useState)(),
|
|
60
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
61
|
-
rightAmount = _useState6[0],
|
|
62
|
-
setRightAmount = _useState6[1];
|
|
63
|
-
|
|
64
|
-
var _useState7 = (0, _react.useState)(0),
|
|
65
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
66
|
-
totalItems = _useState8[0],
|
|
67
|
-
setTotalItems = _useState8[1];
|
|
68
|
-
|
|
69
|
-
var filteredRewards = rewards.filter(function (reward) {
|
|
70
|
-
return reward.type !== 'grade';
|
|
71
|
-
});
|
|
72
|
-
var rewardsUnified = [];
|
|
73
|
-
|
|
74
|
-
var _soundActions = _slicedToArray(soundActions, 1),
|
|
75
|
-
play = _soundActions[0];
|
|
76
|
-
|
|
77
|
-
var displayingItems = 4;
|
|
78
|
-
|
|
79
|
-
var getIndicator = function getIndicator(element) {
|
|
80
|
-
var group = indicators[element.type];
|
|
81
|
-
|
|
82
|
-
if (group) {
|
|
83
|
-
var indicator = group.find(function (r) {
|
|
84
|
-
return r.id === element.id;
|
|
85
|
-
});
|
|
86
|
-
return indicator || null;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
return null;
|
|
90
|
-
};
|
|
91
|
-
|
|
92
|
-
var getLabel = function getLabel(element) {
|
|
93
|
-
var indicator = getIndicator(element);
|
|
94
|
-
return indicator ? indicator.name : null;
|
|
95
|
-
};
|
|
96
|
-
|
|
97
|
-
var _getIcon = function getIcon(element) {
|
|
98
|
-
var indicator = getIndicator(element);
|
|
99
|
-
return indicator ? indicator.icon : null;
|
|
100
|
-
};
|
|
101
|
-
|
|
102
|
-
filteredRewards.forEach(function (currentReward) {
|
|
103
|
-
var found = rewardsUnified.findIndex(function (reward) {
|
|
104
|
-
return currentReward.id === reward.id;
|
|
105
|
-
});
|
|
106
|
-
|
|
107
|
-
if (found >= 0) {
|
|
108
|
-
rewardsUnified[found].points += currentReward.points;
|
|
109
|
-
} else {
|
|
110
|
-
rewardsUnified.push(_objectSpread(_objectSpread({}, currentReward), {}, {
|
|
111
|
-
label: getLabel(currentReward)
|
|
112
|
-
}));
|
|
113
|
-
}
|
|
114
|
-
});
|
|
115
|
-
|
|
116
|
-
var onClickPrev = function onClickPrev() {
|
|
117
|
-
if (offset - 1 < 0) return;
|
|
118
|
-
play('click-ui');
|
|
119
|
-
setOffset(offset - 1);
|
|
120
|
-
var nextSize = Object.values(rewardsSize.current)[offset - 1];
|
|
121
|
-
setRightAmount(null);
|
|
122
|
-
setLeftAmount(leftAmount + nextSize);
|
|
123
|
-
};
|
|
124
|
-
|
|
125
|
-
var onClickNext = function onClickNext() {
|
|
126
|
-
if (offset + displayingItems >= totalItems) return;
|
|
127
|
-
play('click-ui');
|
|
128
|
-
setRightAmount(offset + displayingItems === totalItems - 1 ? 0 : null);
|
|
129
|
-
setOffset(offset + 1);
|
|
130
|
-
var nextSize = Object.values(rewardsSize.current)[offset];
|
|
131
|
-
setLeftAmount(leftAmount - nextSize);
|
|
132
|
-
};
|
|
133
|
-
|
|
134
|
-
(0, _react.useEffect)(function () {
|
|
135
|
-
setTotalItems(Object.values(rewardsSize.current).length);
|
|
136
|
-
}, []);
|
|
137
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
138
|
-
className: "test--results__rewards"
|
|
139
|
-
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
140
|
-
role: "button",
|
|
141
|
-
tabIndex: 0,
|
|
142
|
-
"aria-label": "back button",
|
|
143
|
-
onKeyUp: function onKeyUp() {},
|
|
144
|
-
onClick: onClickPrev,
|
|
145
|
-
className: "icon-back ".concat(rewardsUnified.length <= displayingItems ? 'visibility--hidden' : '', " ").concat(offset <= 0 ? 'disabled' : '')
|
|
146
|
-
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
147
|
-
className: "test--results__carrousel"
|
|
148
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
149
|
-
className: "test--results__carrousel--list test--results__centered",
|
|
150
|
-
style: {
|
|
151
|
-
position: 'relative',
|
|
152
|
-
height: '100%',
|
|
153
|
-
overflow: 'hidden'
|
|
154
|
-
}
|
|
155
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
156
|
-
ref: carouselRef,
|
|
157
|
-
style: {
|
|
158
|
-
display: 'flex',
|
|
159
|
-
position: 'absolute',
|
|
160
|
-
left: rewardsUnified.length >= displayingItems && leftAmount !== null && rightAmount == null ? "".concat(leftAmount, "px") : 'auto',
|
|
161
|
-
right: rightAmount !== null ? "".concat(rightAmount) : 'auto',
|
|
162
|
-
transition: 'all .2s linear'
|
|
163
|
-
}
|
|
164
|
-
}, rewardsUnified && Object.values(rewardsUnified).map(function (reward) {
|
|
165
|
-
return /*#__PURE__*/_react.default.createElement(_RewardItem.default, {
|
|
166
|
-
key: reward.id,
|
|
167
|
-
ref: function ref(node) {
|
|
168
|
-
if (node) {
|
|
169
|
-
var computedStyle = window.getComputedStyle(node);
|
|
170
|
-
var marginString = computedStyle.marginLeft.split('px')[0];
|
|
171
|
-
var marginLeft = parseInt(marginString);
|
|
172
|
-
rewardsSize.current[reward.id] = node.clientWidth + marginLeft * 2;
|
|
173
|
-
}
|
|
174
|
-
},
|
|
175
|
-
emitEvent: emitEvent,
|
|
176
|
-
elementReward: reward,
|
|
177
|
-
getIcon: function getIcon(icon) {
|
|
178
|
-
return _getIcon(icon);
|
|
179
|
-
}
|
|
180
|
-
});
|
|
181
|
-
})))), /*#__PURE__*/_react.default.createElement("span", {
|
|
182
|
-
onKeyUp: function onKeyUp() {},
|
|
183
|
-
role: "button",
|
|
184
|
-
tabIndex: 0,
|
|
185
|
-
"aria-label": "next",
|
|
186
|
-
onClick: onClickNext,
|
|
187
|
-
className: "icon-next ".concat(rewardsUnified.length <= displayingItems ? 'visibility--hidden' : '', " ").concat(offset + displayingItems >= totalItems ? 'disabled' : '')
|
|
188
|
-
}));
|
|
189
|
-
};
|
|
190
|
-
|
|
191
|
-
RewardsComponent.defaultProps = {
|
|
192
|
-
rewards: [],
|
|
193
|
-
soundActions: []
|
|
194
|
-
};
|
|
195
|
-
var _default = RewardsComponent;
|
|
196
|
-
exports.default = _default;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _RewardsComponent = _interopRequireDefault(require("./components/RewardsComponent"));
|
|
9
|
-
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
|
-
var _default = _RewardsComponent.default;
|
|
13
|
-
exports.default = _default;
|
|
@@ -1,204 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.mockProps5 = exports.mockProps4 = exports.mockProps3 = exports.mockProps2 = exports.mockProps1 = void 0;
|
|
7
|
-
|
|
8
|
-
var _mocker = require("helpers/mocker");
|
|
9
|
-
|
|
10
|
-
var mockProps1 = {
|
|
11
|
-
soundActions: _mocker.soundActions,
|
|
12
|
-
emitEvent: _mocker.emitEvent,
|
|
13
|
-
rewards: [{
|
|
14
|
-
id: 'ki4qrkam',
|
|
15
|
-
name: 'Power',
|
|
16
|
-
points: -22,
|
|
17
|
-
type: 'score'
|
|
18
|
-
}]
|
|
19
|
-
};
|
|
20
|
-
exports.mockProps1 = mockProps1;
|
|
21
|
-
var mockProps2 = {
|
|
22
|
-
soundActions: _mocker.soundActions,
|
|
23
|
-
emitEvent: _mocker.emitEvent,
|
|
24
|
-
rewards: [{
|
|
25
|
-
id: 'ki4qrkam',
|
|
26
|
-
name: 'Power',
|
|
27
|
-
points: -22,
|
|
28
|
-
type: 'score'
|
|
29
|
-
}, {
|
|
30
|
-
id: 'ki4qrop',
|
|
31
|
-
name: 'BananaSplit3jndflgndjkfh',
|
|
32
|
-
points: -299453433433434,
|
|
33
|
-
type: 'score'
|
|
34
|
-
}]
|
|
35
|
-
};
|
|
36
|
-
exports.mockProps2 = mockProps2;
|
|
37
|
-
var mockProps3 = {
|
|
38
|
-
soundActions: _mocker.soundActions,
|
|
39
|
-
emitEvent: _mocker.emitEvent,
|
|
40
|
-
rewards: [{
|
|
41
|
-
id: 'ki4qrkam',
|
|
42
|
-
name: 'Power',
|
|
43
|
-
points: -22,
|
|
44
|
-
type: 'score'
|
|
45
|
-
}, {
|
|
46
|
-
id: 'ki4qrop',
|
|
47
|
-
name: 'BananaSplit3jndflgndjkfh',
|
|
48
|
-
points: -299453433433434,
|
|
49
|
-
type: 'score'
|
|
50
|
-
}, {
|
|
51
|
-
id: 'ki4qiuyi',
|
|
52
|
-
name: 'BananaSplit4',
|
|
53
|
-
points: 87,
|
|
54
|
-
type: 'score'
|
|
55
|
-
}]
|
|
56
|
-
};
|
|
57
|
-
exports.mockProps3 = mockProps3;
|
|
58
|
-
var mockProps4 = {
|
|
59
|
-
soundActions: _mocker.soundActions,
|
|
60
|
-
emitEvent: _mocker.emitEvent,
|
|
61
|
-
rewards: [{
|
|
62
|
-
id: 'ki4qrkam',
|
|
63
|
-
name: 'Power',
|
|
64
|
-
points: -22,
|
|
65
|
-
type: 'score'
|
|
66
|
-
}, {
|
|
67
|
-
id: 'ki4qrkam',
|
|
68
|
-
name: 'BananaSplit',
|
|
69
|
-
points: -2,
|
|
70
|
-
type: 'score'
|
|
71
|
-
}, {
|
|
72
|
-
id: 'ki4qrkam',
|
|
73
|
-
name: 'BananaSplit2',
|
|
74
|
-
points: -2,
|
|
75
|
-
type: 'score'
|
|
76
|
-
}, {
|
|
77
|
-
id: 'ki4qrop',
|
|
78
|
-
name: 'BananaSplit3jndflgndjkfh',
|
|
79
|
-
points: -299453433433434,
|
|
80
|
-
type: 'score'
|
|
81
|
-
}, {
|
|
82
|
-
id: 'ki4qiuyi',
|
|
83
|
-
name: 'BananaSplit4',
|
|
84
|
-
points: 87,
|
|
85
|
-
type: 'score'
|
|
86
|
-
}, {
|
|
87
|
-
id: 'ki4qrkam',
|
|
88
|
-
name: 'BananaSplit5',
|
|
89
|
-
points: 552,
|
|
90
|
-
type: 'score'
|
|
91
|
-
}, {
|
|
92
|
-
id: 'ki4qrkas',
|
|
93
|
-
name: 'BananaSplit46',
|
|
94
|
-
points: 87,
|
|
95
|
-
type: 'skill'
|
|
96
|
-
}, {
|
|
97
|
-
id: 'ki4qrkas',
|
|
98
|
-
name: 'BananaSplit57',
|
|
99
|
-
points: 552,
|
|
100
|
-
type: 'skill'
|
|
101
|
-
}, {
|
|
102
|
-
id: 'ki4qrkas',
|
|
103
|
-
name: 'BananaSplit8',
|
|
104
|
-
points: 87,
|
|
105
|
-
type: 'skill'
|
|
106
|
-
}, {
|
|
107
|
-
id: 'ki4qrkas',
|
|
108
|
-
name: 'BananaSplit9',
|
|
109
|
-
points: 552,
|
|
110
|
-
type: 'skill'
|
|
111
|
-
}, {
|
|
112
|
-
id: 'ki4qrkas',
|
|
113
|
-
name: 'BananaSplit10',
|
|
114
|
-
points: 87,
|
|
115
|
-
type: 'skill'
|
|
116
|
-
}, {
|
|
117
|
-
id: 'ki4qrkas',
|
|
118
|
-
name: 'BananaSplit11',
|
|
119
|
-
points: 552,
|
|
120
|
-
type: 'skill'
|
|
121
|
-
}, {
|
|
122
|
-
id: 'ki4qrkas',
|
|
123
|
-
name: 'BananaSplit12',
|
|
124
|
-
points: 87,
|
|
125
|
-
type: 'skill'
|
|
126
|
-
}]
|
|
127
|
-
};
|
|
128
|
-
exports.mockProps4 = mockProps4;
|
|
129
|
-
var mockProps5 = {
|
|
130
|
-
soundActions: _mocker.soundActions,
|
|
131
|
-
emitEvent: _mocker.emitEvent,
|
|
132
|
-
rewards: [{
|
|
133
|
-
id: 'ki4qrkam',
|
|
134
|
-
name: 'Power',
|
|
135
|
-
points: -22,
|
|
136
|
-
type: 'score'
|
|
137
|
-
}, {
|
|
138
|
-
id: 'ki4qrkam',
|
|
139
|
-
name: 'BananaSplit',
|
|
140
|
-
points: -2,
|
|
141
|
-
type: 'score'
|
|
142
|
-
}, {
|
|
143
|
-
id: 'ki4qrkam',
|
|
144
|
-
name: 'BananaSplit2',
|
|
145
|
-
points: -2,
|
|
146
|
-
type: 'score'
|
|
147
|
-
}, {
|
|
148
|
-
id: 'ki4qrop',
|
|
149
|
-
name: 'BananaSplit3jndflgndjkfh',
|
|
150
|
-
points: -299453433433434,
|
|
151
|
-
type: 'score'
|
|
152
|
-
}, {
|
|
153
|
-
id: 'ki4qiuyi',
|
|
154
|
-
name: 'BananaSplit4',
|
|
155
|
-
points: 87,
|
|
156
|
-
type: 'score'
|
|
157
|
-
}, {
|
|
158
|
-
id: 'ki4qrkam',
|
|
159
|
-
name: 'BananaSplit5',
|
|
160
|
-
points: 552,
|
|
161
|
-
type: 'score'
|
|
162
|
-
}, {
|
|
163
|
-
id: 'ki4qrkas',
|
|
164
|
-
name: 'BananaSplit46',
|
|
165
|
-
points: 87,
|
|
166
|
-
type: 'skill'
|
|
167
|
-
}, {
|
|
168
|
-
id: 'ki4qrkas',
|
|
169
|
-
name: 'BananaSplit57',
|
|
170
|
-
points: 552,
|
|
171
|
-
type: 'skill'
|
|
172
|
-
}, {
|
|
173
|
-
id: 'ki4qrkas',
|
|
174
|
-
name: 'BananaSplit8',
|
|
175
|
-
points: 87,
|
|
176
|
-
type: 'skill'
|
|
177
|
-
}, {
|
|
178
|
-
id: 'ki4qrkas',
|
|
179
|
-
name: 'BananaSplit9',
|
|
180
|
-
points: 552,
|
|
181
|
-
type: 'skill'
|
|
182
|
-
}, {
|
|
183
|
-
id: 'ki4qrkas',
|
|
184
|
-
name: 'BananaSplit10',
|
|
185
|
-
points: 87,
|
|
186
|
-
type: 'skill'
|
|
187
|
-
}, {
|
|
188
|
-
id: 'ki4qrkas',
|
|
189
|
-
name: 'BananaSplit11',
|
|
190
|
-
points: 552,
|
|
191
|
-
type: 'skill'
|
|
192
|
-
}, {
|
|
193
|
-
id: 'ki4qrkas',
|
|
194
|
-
name: 'BananaSplit12',
|
|
195
|
-
points: 87,
|
|
196
|
-
type: 'skill'
|
|
197
|
-
}, {
|
|
198
|
-
id: 'ki4qropi',
|
|
199
|
-
name: 'BananaSplit13',
|
|
200
|
-
points: 552,
|
|
201
|
-
type: 'skill'
|
|
202
|
-
}]
|
|
203
|
-
};
|
|
204
|
-
exports.mockProps5 = mockProps5;
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _LangIsRtl = _interopRequireDefault(require("../../../helpers/LangIsRtl"));
|
|
11
|
-
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
|
-
var LABELS_INDEX = ['A', 'B', 'C'];
|
|
15
|
-
|
|
16
|
-
var FeedbackComponent = function FeedbackComponent(_ref) {
|
|
17
|
-
var question = _ref.question,
|
|
18
|
-
answer = _ref.answer,
|
|
19
|
-
nextPage = _ref.nextPage,
|
|
20
|
-
translate = _ref.translate;
|
|
21
|
-
var ind = answer.index;
|
|
22
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
23
|
-
className: "test--questions"
|
|
24
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
25
|
-
className: "test--questions__container"
|
|
26
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
27
|
-
className: "test--questions__count"
|
|
28
|
-
}, /*#__PURE__*/_react.default.createElement("span", null, translate('test.choosenQuestion'))), /*#__PURE__*/_react.default.createElement("div", {
|
|
29
|
-
className: "test--questions__item feedback"
|
|
30
|
-
}, /*#__PURE__*/_react.default.createElement("span", null, question)), /*#__PURE__*/_react.default.createElement("div", {
|
|
31
|
-
className: "test--response__item selected"
|
|
32
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
33
|
-
className: "test--response__index"
|
|
34
|
-
}, LABELS_INDEX[ind]), /*#__PURE__*/_react.default.createElement("div", {
|
|
35
|
-
className: "test--response__text"
|
|
36
|
-
}, /*#__PURE__*/_react.default.createElement("span", null, answer.text))), /*#__PURE__*/_react.default.createElement("div", {
|
|
37
|
-
className: "test--feedback"
|
|
38
|
-
}, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("b", null, /*#__PURE__*/_react.default.createElement("span", null, translate('test.feedback')))), /*#__PURE__*/_react.default.createElement("span", null, answer.feedback))), /*#__PURE__*/_react.default.createElement("div", {
|
|
39
|
-
className: "test--buttons next"
|
|
40
|
-
}, /*#__PURE__*/_react.default.createElement("button", {
|
|
41
|
-
id: "next-button",
|
|
42
|
-
onClick: function onClick() {
|
|
43
|
-
return nextPage();
|
|
44
|
-
},
|
|
45
|
-
type: "button",
|
|
46
|
-
className: "gat--btn__navigation"
|
|
47
|
-
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
48
|
-
className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
|
|
49
|
-
}))));
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
var _default = FeedbackComponent;
|
|
53
|
-
exports.default = _default;
|