@gamelearn/arcade-components 0.11.0 → 0.11.1
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/conversational-pro-component/components/ConversationalProComponent.js +3 -0
- package/dist/components/conversational-pro-component/components/SlotList.js +1 -1
- package/dist/components/conversational-pro-component/components/scene/Panel.js +5 -3
- package/dist/components/decision-component/components/DecisionBody.js +0 -40
- package/dist/components/decision-component/components/DecisionComponent.js +2 -31
- package/dist/components/decision-component/components/Feedback.js +6 -31
- package/package.json +1 -1
package/dist/components/conversational-pro-component/components/ConversationalProComponent.js
CHANGED
|
@@ -120,6 +120,9 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
|
|
|
120
120
|
var flexedPosition = characters.findIndex(function (char) {
|
|
121
121
|
return char.uid === currentMessage.uid;
|
|
122
122
|
});
|
|
123
|
+
characters.forEach(function (c) {
|
|
124
|
+
if (c.uid === currentMessage.uid) c.name = currentMessage.alias;
|
|
125
|
+
});
|
|
123
126
|
currentMessage.position = isFlex ? flexedPosition : notFlexedPosition;
|
|
124
127
|
}
|
|
125
128
|
}
|
|
@@ -87,7 +87,7 @@ var SlotList = function SlotList(_ref) {
|
|
|
87
87
|
slots: slots,
|
|
88
88
|
flex: flex,
|
|
89
89
|
currentMessage: currentMessage
|
|
90
|
-
}), children ? children : /*#__PURE__*/_react.default.createElement(Slots, null));
|
|
90
|
+
}), children && children.ref ? children : /*#__PURE__*/_react.default.createElement(Slots, null));
|
|
91
91
|
};
|
|
92
92
|
|
|
93
93
|
SlotList.propTypes = {
|
|
@@ -32,12 +32,14 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
|
|
|
32
32
|
var defaultCamPos = [0, 14.63, 16];
|
|
33
33
|
|
|
34
34
|
function Panel(_ref) {
|
|
35
|
+
var _character$resource, _character$resource$a;
|
|
36
|
+
|
|
35
37
|
var character = _ref.character,
|
|
36
38
|
active = _ref.active;
|
|
37
39
|
var cameraRef = (0, _react.useRef)(null);
|
|
38
40
|
var sceneRef = (0, _react.useRef)(null);
|
|
39
41
|
var isCharacter = character.type === 'character';
|
|
40
|
-
var emotion = isCharacter ? character.resource.animations[character.emotion || 'neutral'] : {};
|
|
42
|
+
var emotion = isCharacter ? (character === null || character === void 0 ? void 0 : (_character$resource = character.resource) === null || _character$resource === void 0 ? void 0 : (_character$resource$a = _character$resource.animations) === null || _character$resource$a === void 0 ? void 0 : _character$resource$a[character.emotion || 'neutral']) || {} : {};
|
|
41
43
|
var onLoadElement = (0, _react.useCallback)(function (model) {
|
|
42
44
|
if (cameraRef.current) {
|
|
43
45
|
var boundingBox = new _three.Box3();
|
|
@@ -90,13 +92,13 @@ function Panel(_ref) {
|
|
|
90
92
|
ref: sceneRef
|
|
91
93
|
}, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
|
|
92
94
|
fallback: null
|
|
93
|
-
}, /*#__PURE__*/_react.default.createElement(_element.default, {
|
|
95
|
+
}, character.resource.url ? /*#__PURE__*/_react.default.createElement(_element.default, {
|
|
94
96
|
name: "char_".concat(character.uid),
|
|
95
97
|
url: character.resource.url,
|
|
96
98
|
animationUrl: emotion.url,
|
|
97
99
|
position: [0, 0, 0],
|
|
98
100
|
onLoad: onLoadElement
|
|
99
|
-
})), /*#__PURE__*/_react.default.createElement(_drei.PerspectiveCamera, {
|
|
101
|
+
}) : null), /*#__PURE__*/_react.default.createElement(_drei.PerspectiveCamera, {
|
|
100
102
|
name: "camera_".concat(character.uid),
|
|
101
103
|
fov: 35,
|
|
102
104
|
focus: 10,
|
|
@@ -131,45 +131,5 @@ var DecisionBody = function DecisionBody(_ref) {
|
|
|
131
131
|
return /*#__PURE__*/_react.default.createElement(BasicDecision, null, children);
|
|
132
132
|
};
|
|
133
133
|
|
|
134
|
-
DecisionBody.defaultProps = {
|
|
135
|
-
options: [],
|
|
136
|
-
currentSelectedChoice: {},
|
|
137
|
-
showingResults: false,
|
|
138
|
-
question: '',
|
|
139
|
-
changeOption: noop,
|
|
140
|
-
onExit: noop,
|
|
141
|
-
onNext: noop,
|
|
142
|
-
onBack: noop,
|
|
143
|
-
inherited: false,
|
|
144
|
-
failed: false,
|
|
145
|
-
children: [],
|
|
146
|
-
hasRewards: []
|
|
147
|
-
};
|
|
148
|
-
DecisionBody.propTypes = {
|
|
149
|
-
children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]),
|
|
150
|
-
options: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
151
|
-
id: _propTypes.default.number,
|
|
152
|
-
feedback: _propTypes.default.string,
|
|
153
|
-
slot: _propTypes.default.bool,
|
|
154
|
-
text: _propTypes.default.string,
|
|
155
|
-
rewards: _propTypes.default.arrayOf(_propTypes.default.shape())
|
|
156
|
-
})),
|
|
157
|
-
currentSelectedChoice: _propTypes.default.shape({
|
|
158
|
-
id: _propTypes.default.number,
|
|
159
|
-
rewards: _propTypes.default.arrayOf(_propTypes.default.shape()),
|
|
160
|
-
feedback: _propTypes.default.string,
|
|
161
|
-
slot: _propTypes.default.bool,
|
|
162
|
-
text: _propTypes.default.string
|
|
163
|
-
}),
|
|
164
|
-
changeOption: _propTypes.default.func,
|
|
165
|
-
onExit: _propTypes.default.func,
|
|
166
|
-
onNext: _propTypes.default.func,
|
|
167
|
-
onBack: _propTypes.default.func,
|
|
168
|
-
question: _propTypes.default.string,
|
|
169
|
-
inherited: _propTypes.default.bool,
|
|
170
|
-
failed: _propTypes.default.bool,
|
|
171
|
-
showingResults: _propTypes.default.bool,
|
|
172
|
-
hasRewards: _propTypes.default.arrayOf(_propTypes.default.shape())
|
|
173
|
-
};
|
|
174
134
|
var _default = DecisionBody;
|
|
175
135
|
exports.default = _default;
|
|
@@ -9,8 +9,6 @@ exports.default = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
|
|
12
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
12
|
var _SlotList = _interopRequireDefault(require("../../conversational-pro-component/components/SlotList"));
|
|
15
13
|
|
|
16
14
|
var _DecisionBody = _interopRequireDefault(require("./DecisionBody"));
|
|
@@ -57,7 +55,8 @@ var DecisionComponent = function DecisionComponent(_ref) {
|
|
|
57
55
|
var emitEvent = _ref.emitEvent,
|
|
58
56
|
props = _objectWithoutProperties(_ref, ["emitEvent"]);
|
|
59
57
|
|
|
60
|
-
var inheritProps = props.inheritProps,
|
|
58
|
+
var _props$inheritProps = props.inheritProps,
|
|
59
|
+
inheritProps = _props$inheritProps === void 0 ? {} : _props$inheritProps,
|
|
61
60
|
required = props.required,
|
|
62
61
|
question = props.question,
|
|
63
62
|
onFinish = props.onFinish;
|
|
@@ -200,33 +199,5 @@ var DecisionComponent = function DecisionComponent(_ref) {
|
|
|
200
199
|
return /*#__PURE__*/_react.default.createElement(BackgroundWrapper, null, /*#__PURE__*/_react.default.createElement(Body, null));
|
|
201
200
|
};
|
|
202
201
|
|
|
203
|
-
DecisionComponent.defaultProps = {
|
|
204
|
-
inheritProps: {},
|
|
205
|
-
required: false,
|
|
206
|
-
onFinish: null,
|
|
207
|
-
question: '',
|
|
208
|
-
options: []
|
|
209
|
-
};
|
|
210
|
-
DecisionComponent.propTypes = {
|
|
211
|
-
required: _propTypes.default.bool,
|
|
212
|
-
onFinish: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.oneOf([null])]),
|
|
213
|
-
inheritProps: _propTypes.default.shape({
|
|
214
|
-
background: _propTypes.default.string,
|
|
215
|
-
flex: _propTypes.default.bool,
|
|
216
|
-
voiceOver: _propTypes.default.shape({}),
|
|
217
|
-
name: _propTypes.default.string,
|
|
218
|
-
text: _propTypes.default.string,
|
|
219
|
-
slots: _propTypes.default.arrayOf({})
|
|
220
|
-
}),
|
|
221
|
-
options: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
222
|
-
id: _propTypes.default.number,
|
|
223
|
-
feedback: _propTypes.default.string,
|
|
224
|
-
slot: _propTypes.default.bool,
|
|
225
|
-
text: _propTypes.default.string,
|
|
226
|
-
audioId: _propTypes.default.string,
|
|
227
|
-
rewards: _propTypes.default.arrayOf(_propTypes.default.shape())
|
|
228
|
-
})),
|
|
229
|
-
question: _propTypes.default.string
|
|
230
|
-
};
|
|
231
202
|
var _default = DecisionComponent;
|
|
232
203
|
exports.default = _default;
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
6
|
exports.default = void 0;
|
|
9
7
|
|
|
10
|
-
var _react =
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
9
|
|
|
12
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
11
|
|
|
@@ -15,31 +13,26 @@ var _RewardsComponent = _interopRequireDefault(require("../../rewards-component/
|
|
|
15
13
|
|
|
16
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
15
|
|
|
18
|
-
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
19
|
-
|
|
20
|
-
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
-
|
|
22
16
|
var FeedBack = function FeedBack(_ref) {
|
|
23
17
|
var choice = _ref.choice,
|
|
24
18
|
inherited = _ref.inherited,
|
|
25
19
|
rewards = _ref.rewards,
|
|
26
20
|
emitEvent = _ref.emitEvent;
|
|
27
|
-
var noFeedBack = choice.feedback === '' || !choice.feedback;
|
|
28
|
-
var centerRewards = noFeedBack;
|
|
29
21
|
|
|
30
22
|
var Wrapper = function Wrapper(_ref2) {
|
|
31
23
|
var children = _ref2.children;
|
|
32
24
|
return inherited ? /*#__PURE__*/_react.default.createElement("div", {
|
|
33
|
-
className: "conversation--feedback ".concat(
|
|
34
|
-
}, children) :
|
|
25
|
+
className: "conversation--feedback ".concat(!choice.feedback ? 'only--rewards' : '')
|
|
26
|
+
}, children) : !choice.feedback ? /*#__PURE__*/_react.default.createElement("div", {
|
|
35
27
|
className: "popup__basicDecision__only--rewards only--rewards"
|
|
36
|
-
}, children) :
|
|
28
|
+
}, children) : children;
|
|
37
29
|
};
|
|
38
30
|
|
|
39
31
|
var noRewards = rewards.filter(function (reward) {
|
|
40
32
|
return reward.type !== 'grade';
|
|
41
33
|
}).length === 0;
|
|
42
|
-
|
|
34
|
+
if (!choice.feedback && noRewards) return null;
|
|
35
|
+
return /*#__PURE__*/_react.default.createElement(Wrapper, null, !!choice.feedback ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
43
36
|
className: "conversation--feedback__title"
|
|
44
37
|
}, "Feedback"), /*#__PURE__*/_react.default.createElement("div", {
|
|
45
38
|
className: "conversation--feedback__text"
|
|
@@ -53,23 +46,5 @@ var FeedBack = function FeedBack(_ref) {
|
|
|
53
46
|
}) : null);
|
|
54
47
|
};
|
|
55
48
|
|
|
56
|
-
FeedBack.defaultProps = {
|
|
57
|
-
rewards: [],
|
|
58
|
-
choice: {},
|
|
59
|
-
inherited: false,
|
|
60
|
-
nodeId: 0
|
|
61
|
-
};
|
|
62
|
-
FeedBack.propTypes = {
|
|
63
|
-
inherited: _propTypes.default.bool,
|
|
64
|
-
rewards: _propTypes.default.arrayOf(_propTypes.default.shape({})),
|
|
65
|
-
choice: _propTypes.default.shape({
|
|
66
|
-
id: _propTypes.default.number,
|
|
67
|
-
rewards: _propTypes.default.arrayOf(_propTypes.default.shape()),
|
|
68
|
-
feedback: _propTypes.default.string,
|
|
69
|
-
slot: _propTypes.default.bool,
|
|
70
|
-
right: _propTypes.default.bool,
|
|
71
|
-
text: _propTypes.default.string
|
|
72
|
-
})
|
|
73
|
-
};
|
|
74
49
|
var _default = FeedBack;
|
|
75
50
|
exports.default = _default;
|