@gamelearn/arcade-components 1.15.0 → 1.16.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 +6 -3
- package/dist/components/cartel-component/components/CartelComponent.js +3 -2
- package/dist/components/referral-component/components/StepOne.js +8 -1
- package/dist/components/referral-component/components/StepTwo.js +2 -1
- package/dist/components/survey-component/components/SurveyComponent.js +5 -2
- package/dist/components/test-component/components/Container.js +6 -3
- package/dist/components/test-component/components/Feedback.js +3 -1
- package/dist/components/test-component/components/TestComponent.js +2 -1
- package/package.json +2 -2
|
@@ -13,6 +13,8 @@ var _EndScreen = _interopRequireDefault(require("./EndScreen"));
|
|
|
13
13
|
|
|
14
14
|
var _StartScreen = _interopRequireDefault(require("./StartScreen"));
|
|
15
15
|
|
|
16
|
+
var _LangIsRtl = _interopRequireDefault(require("../../../helpers/LangIsRtl"));
|
|
17
|
+
|
|
16
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
19
|
|
|
18
20
|
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); }
|
|
@@ -105,7 +107,8 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
|
|
|
105
107
|
};
|
|
106
108
|
|
|
107
109
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
108
|
-
className: "test--container"
|
|
110
|
+
className: "test--container",
|
|
111
|
+
dir: "auto"
|
|
109
112
|
}, phase === 'start' && /*#__PURE__*/_react.default.createElement(_StartScreen.default, {
|
|
110
113
|
description: description,
|
|
111
114
|
onNext: function onNext() {
|
|
@@ -119,7 +122,7 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
|
|
|
119
122
|
className: "survey--questions__container"
|
|
120
123
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
121
124
|
className: "survey--questions__count"
|
|
122
|
-
}, /*#__PURE__*/_react.default.createElement("span", null, translate('auto-evaluation.question'), currentQuestion + 1, " ", translate('storylines.misc.of'), " ", questions.length), /*#__PURE__*/_react.default.createElement("span", null, translate('auto-evaluation.allQuestionsMandatory'))), /*#__PURE__*/_react.default.createElement("div", {
|
|
125
|
+
}, /*#__PURE__*/_react.default.createElement("span", null, translate('auto-evaluation.question'), "\xA0", currentQuestion + 1, " ", translate('storylines.misc.of'), " ", questions.length), /*#__PURE__*/_react.default.createElement("span", null, translate('auto-evaluation.allQuestionsMandatory'))), /*#__PURE__*/_react.default.createElement("div", {
|
|
123
126
|
key: "".concat(questions[currentQuestion])
|
|
124
127
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
125
128
|
className: "survey--questions__item"
|
|
@@ -150,7 +153,7 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
|
|
|
150
153
|
disabled: optionSelected === null,
|
|
151
154
|
className: "gat--btn__navigation ".concat(optionSelected === null ? 'disabled' : '')
|
|
152
155
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
153
|
-
className:
|
|
156
|
+
className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
|
|
154
157
|
})))), phase === 'end' && /*#__PURE__*/_react.default.createElement(_EndScreen.default, {
|
|
155
158
|
onFinish: close,
|
|
156
159
|
translate: translate
|
|
@@ -37,6 +37,7 @@ var CartelComponent = function CartelComponent(_ref) {
|
|
|
37
37
|
voice = _ref.voice,
|
|
38
38
|
emitEvent = _ref.emitEvent,
|
|
39
39
|
soundActions = _ref.soundActions;
|
|
40
|
+
var resourceUrl = (img === null || img === void 0 ? void 0 : img.url) || 'https://min.gamelearn.io/css-resources/gamelearn/resources/conversation.jpg';
|
|
40
41
|
var textBox = (0, _react.useRef)();
|
|
41
42
|
var picture = (0, _react.useRef)();
|
|
42
43
|
|
|
@@ -107,8 +108,8 @@ var CartelComponent = function CartelComponent(_ref) {
|
|
|
107
108
|
ref: picture,
|
|
108
109
|
onLoad: calculateTextPosition,
|
|
109
110
|
className: "cartel__image",
|
|
110
|
-
src:
|
|
111
|
-
alt:
|
|
111
|
+
src: resourceUrl,
|
|
112
|
+
alt: "cartel pic"
|
|
112
113
|
}), text ? /*#__PURE__*/_react.default.createElement("div", {
|
|
113
114
|
ref: textBox,
|
|
114
115
|
className: "cartel__textwrap"
|
|
@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
|
|
12
12
|
var _EmailPill = _interopRequireDefault(require("./EmailPill"));
|
|
13
13
|
|
|
14
|
+
var _LangIsRtl = _interopRequireDefault(require("../../../helpers/LangIsRtl"));
|
|
15
|
+
|
|
14
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
17
|
|
|
16
18
|
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); }
|
|
@@ -137,7 +139,11 @@ var StepOne = function StepOne(_ref) {
|
|
|
137
139
|
className: "referrals-piece__form"
|
|
138
140
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
139
141
|
className: "referrals-piece__instructions"
|
|
140
|
-
}, /*#__PURE__*/_react.default.createElement("div",
|
|
142
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
143
|
+
dir: "auto"
|
|
144
|
+
}, translate('puzzles.referrals.inviter.instructions')), /*#__PURE__*/_react.default.createElement("div", {
|
|
145
|
+
dir: "auto"
|
|
146
|
+
}, translate('puzzles.referrals.inviter.limit'))), /*#__PURE__*/_react.default.createElement("div", {
|
|
141
147
|
className: "referrals-piece__faketextarea",
|
|
142
148
|
onClick: focusInInput
|
|
143
149
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -160,6 +166,7 @@ var StepOne = function StepOne(_ref) {
|
|
|
160
166
|
onBlur: handleKeyDown,
|
|
161
167
|
type: "email"
|
|
162
168
|
}) : null)), /*#__PURE__*/_react.default.createElement("div", {
|
|
169
|
+
dir: (0, _LangIsRtl.default)() ? 'rtl' : 'auto',
|
|
163
170
|
className: "referrals-piece__footervalidation"
|
|
164
171
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
165
172
|
className: "referrals-piece__errormessage"
|
|
@@ -43,7 +43,8 @@ var StepTwo = function StepTwo(_ref) {
|
|
|
43
43
|
var validLabel = valid === 1 ? 'invitationSend' : 'invitationsSend';
|
|
44
44
|
var notValidLabel = invalid === 1 ? 'invitationNotSend' : 'invitationsNotSend';
|
|
45
45
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
46
|
-
className: "referrals-piece__body"
|
|
46
|
+
className: "referrals-piece__body",
|
|
47
|
+
dir: "auto"
|
|
47
48
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
48
49
|
className: "referrals-piece__title"
|
|
49
50
|
}, translate('puzzles.referrals.inviter.titleStep2')), /*#__PURE__*/_react.default.createElement("ul", {
|
|
@@ -15,6 +15,8 @@ var _OpinionBox = _interopRequireDefault(require("./OpinionBox"));
|
|
|
15
15
|
|
|
16
16
|
var _TextBox = _interopRequireDefault(require("./TextBox"));
|
|
17
17
|
|
|
18
|
+
var _LangIsRtl = _interopRequireDefault(require("../../../helpers/LangIsRtl"));
|
|
19
|
+
|
|
18
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
21
|
|
|
20
22
|
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); }
|
|
@@ -106,7 +108,8 @@ var SurveyComponent = function SurveyComponent(_ref) {
|
|
|
106
108
|
|
|
107
109
|
var View = PAGES[page].component;
|
|
108
110
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
109
|
-
className: "survey--container"
|
|
111
|
+
className: "survey--container",
|
|
112
|
+
dir: "auto"
|
|
110
113
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
111
114
|
className: "survey--questions"
|
|
112
115
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -137,7 +140,7 @@ var SurveyComponent = function SurveyComponent(_ref) {
|
|
|
137
140
|
onClick: changePage,
|
|
138
141
|
className: "gat--btn__navigation ".concat(disabled ? 'disabled' : '')
|
|
139
142
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
140
|
-
className:
|
|
143
|
+
className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
|
|
141
144
|
})) : /*#__PURE__*/_react.default.createElement("button", {
|
|
142
145
|
id: "survey-button",
|
|
143
146
|
type: "button",
|
|
@@ -13,6 +13,8 @@ var _Questions = _interopRequireDefault(require("./Questions"));
|
|
|
13
13
|
|
|
14
14
|
var _Feedback = _interopRequireDefault(require("./Feedback"));
|
|
15
15
|
|
|
16
|
+
var _LangIsRtl = _interopRequireDefault(require("../../../helpers/LangIsRtl"));
|
|
17
|
+
|
|
16
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
19
|
|
|
18
20
|
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); }
|
|
@@ -130,7 +132,8 @@ var Container = function Container(_ref) {
|
|
|
130
132
|
className: "flex justify-space-between align-center"
|
|
131
133
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
132
134
|
className: "test--questions__count"
|
|
133
|
-
}, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.question')), " ", currentQuestionId + 1, "/", questions.length), time >= 0 ? /*#__PURE__*/_react.default.createElement("div", {
|
|
135
|
+
}, (0, _LangIsRtl.default)() ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, currentQuestionId + 1, "/", questions.length, " ", /*#__PURE__*/_react.default.createElement("span", null, translate('tests.question'))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.question')), " ", currentQuestionId + 1, "/", questions.length)), time >= 0 ? /*#__PURE__*/_react.default.createElement("div", {
|
|
136
|
+
dir: "ltr",
|
|
134
137
|
className: "test--timer ".concat(time < 10 ? 'test--timer--finalseconds' : '')
|
|
135
138
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
136
139
|
id: "test-time"
|
|
@@ -152,7 +155,7 @@ var Container = function Container(_ref) {
|
|
|
152
155
|
type: "button",
|
|
153
156
|
className: "gat--btn__navigation ".concat(!answered ? 'disabled' : '')
|
|
154
157
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
155
|
-
className:
|
|
158
|
+
className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
|
|
156
159
|
})) : /*#__PURE__*/_react.default.createElement("button", {
|
|
157
160
|
id: "finish-button",
|
|
158
161
|
onClick: function onClick() {
|
|
@@ -165,7 +168,7 @@ var Container = function Container(_ref) {
|
|
|
165
168
|
type: "button",
|
|
166
169
|
className: "gat--btn__navigation ".concat(!answered ? 'disabled' : '')
|
|
167
170
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
168
|
-
className:
|
|
171
|
+
className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
|
|
169
172
|
})))));
|
|
170
173
|
};
|
|
171
174
|
|
|
@@ -7,6 +7,8 @@ exports.default = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
|
|
10
|
+
var _LangIsRtl = _interopRequireDefault(require("../../../helpers/LangIsRtl"));
|
|
11
|
+
|
|
10
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
13
|
|
|
12
14
|
var LABELS_INDEX = ['A', 'B', 'C'];
|
|
@@ -43,7 +45,7 @@ var FeedbackComponent = function FeedbackComponent(_ref) {
|
|
|
43
45
|
type: "button",
|
|
44
46
|
className: "gat--btn__navigation"
|
|
45
47
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
46
|
-
className:
|
|
48
|
+
className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
|
|
47
49
|
}))));
|
|
48
50
|
};
|
|
49
51
|
|
|
@@ -237,7 +237,8 @@ var TestComponent = function TestComponent(_ref) {
|
|
|
237
237
|
};
|
|
238
238
|
|
|
239
239
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
240
|
-
className: "test--container"
|
|
240
|
+
className: "test--container",
|
|
241
|
+
dir: "auto"
|
|
241
242
|
}, view !== 'results' ? /*#__PURE__*/_react.default.createElement(_Container.default, {
|
|
242
243
|
type: test.type,
|
|
243
244
|
result: result,
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@gamelearn/arcade-components",
|
|
3
3
|
"author": "Gamelearn",
|
|
4
4
|
"license": "unlicense",
|
|
5
|
-
"version": "1.
|
|
5
|
+
"version": "1.16.0",
|
|
6
6
|
"main": "dist/index.js",
|
|
7
7
|
"files": [
|
|
8
8
|
"dist",
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"url": "https://github.com/gamelearn/arcade-components"
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@gamelearn/arcade-styles": "0.11.
|
|
16
|
+
"@gamelearn/arcade-styles": "0.11.4",
|
|
17
17
|
"@gamelearn/arcade-three-core": "1.1.15",
|
|
18
18
|
"@react-three/drei": "8.8.1",
|
|
19
19
|
"@react-three/fiber": "7.0.25",
|