@gamelearn/arcade-components 1.3.0 → 1.3.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.
@@ -43,6 +43,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
43
43
 
44
44
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
45
45
 
46
+ // Remove emitRef after sounds fix
46
47
  var ConversationProViewer = function ConversationProViewer(_ref) {
47
48
  var _background$img, _currentLineData$slot;
48
49
 
@@ -74,12 +75,13 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
74
75
  var voiceOver = currentLineData.voiceOver,
75
76
  decision = currentLineData.decision;
76
77
  var isFlex = currentLineData.flex;
78
+ var emitRef = (0, _react.useRef)(emitEvent);
77
79
  var translate = (0, _react.useCallback)(function (id) {
78
- return emitEvent({
80
+ return emitRef.current({
79
81
  type: 'translate',
80
82
  payload: id
81
83
  });
82
- }, [emitEvent]);
84
+ }, []);
83
85
  var getCurrentMessage = (0, _react.useCallback)(function () {
84
86
  if (voiceOver) {
85
87
  return currentLineData;
@@ -142,7 +144,7 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
142
144
  }
143
145
 
144
146
  _context.next = 5;
145
- return emitEvent({
147
+ return emitRef.current({
146
148
  type: 'playSpeech',
147
149
  payload: payload
148
150
  });
@@ -153,7 +155,7 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
153
155
  }
154
156
  }
155
157
  }, _callee);
156
- })), [currentLineData.voice, currentMessage, emitEvent, getVoice]); // Recupera la antigua linea de la conversacion para conservar los personajes en voice-over
158
+ })), [currentLineData.voice, currentMessage, getVoice]); // Recupera la antigua linea de la conversacion para conservar los personajes en voice-over
157
159
 
158
160
  var leftWithSlots = lines.slice(0, currentLine + 1).reverse().find(function (line) {
159
161
  return line.slots;
@@ -239,7 +241,7 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
239
241
  setCurrentLine(line + 1);
240
242
  } else {
241
243
  setFinished(true);
242
- emitEvent({
244
+ emitRef.current({
243
245
  type: 'success'
244
246
  });
245
247
  }
@@ -271,7 +273,7 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
271
273
 
272
274
  var decisionPayload = _objectSpread(_objectSpread({}, currentLineData.payload), {}, {
273
275
  onFinish: handleClickNext,
274
- emitEvent: emitEvent,
276
+ emitEvent: emitRef.current,
275
277
  soundActions: soundActions,
276
278
  inheritProps: {
277
279
  characters: currentCharacters,
@@ -123,12 +123,13 @@ var DialogComponent = function DialogComponent(_ref) {
123
123
  var currentLine = lines[line];
124
124
  var lastLine = lines[line - 1];
125
125
  var lastSet = (0, _react.useRef)(false);
126
+ var emitRef = (0, _react.useRef)(emitEvent);
126
127
  var translate = (0, _react.useCallback)(function (id) {
127
- return emitEvent({
128
+ return emitRef.current({
128
129
  type: 'translate',
129
130
  payload: id
130
131
  });
131
- }, [emitEvent]);
132
+ }, []);
132
133
  var getVoice = (0, _react.useCallback)(function (_ref2) {
133
134
  var id = _ref2.id,
134
135
  _ref2$type = _ref2.type,
@@ -170,7 +171,7 @@ var DialogComponent = function DialogComponent(_ref) {
170
171
  }
171
172
 
172
173
  _context.next = 5;
173
- return emitEvent({
174
+ return emitRef.current({
174
175
  type: 'playSpeech',
175
176
  payload: payload
176
177
  });
@@ -181,7 +182,7 @@ var DialogComponent = function DialogComponent(_ref) {
181
182
  }
182
183
  }
183
184
  }, _callee);
184
- })), [currentLine === null || currentLine === void 0 ? void 0 : currentLine.voice, getVoice, currentMessage.text, emitEvent]);
185
+ })), [currentLine === null || currentLine === void 0 ? void 0 : currentLine.voice, getVoice, currentMessage.text]);
185
186
  var getCurrentVisible = (0, _react.useCallback)(function (uid) {
186
187
  var object;
187
188
  scene.traverseVisible(function (node) {
@@ -289,13 +290,13 @@ var DialogComponent = function DialogComponent(_ref) {
289
290
  setCurrentMessage({});
290
291
  resetCameraView();
291
292
  setTimeout(function () {
292
- emitEvent({
293
+ emitRef.current({
293
294
  type: 'success'
294
295
  });
295
296
  camera.copy(defaultCamera.current);
296
297
  }, currentLine.decision ? 0 : 1200);
297
298
  }
298
- }, [camera, currentLine === null || currentLine === void 0 ? void 0 : currentLine.decision, emitEvent, line, lines.length, resetAnims, resetCameraView]); // Position bubble over talking character/and switch emotions
299
+ }, [camera, currentLine === null || currentLine === void 0 ? void 0 : currentLine.decision, line, lines.length, resetAnims, resetCameraView]); // Position bubble over talking character/and switch emotions
299
300
 
300
301
  (0, _react.useEffect)(function () {
301
302
  if (currentLine.decision) {
@@ -554,7 +555,7 @@ var DialogComponent = function DialogComponent(_ref) {
554
555
  disableBackground: true
555
556
  },
556
557
  onFinish: nextLine,
557
- emitEvent: emitEvent,
558
+ emitEvent: emitRef.current,
558
559
  soundActions: soundActions
559
560
  });
560
561
 
@@ -90,6 +90,8 @@ var InventoryItem = function InventoryItem(_ref) {
90
90
  mode: "concurrent",
91
91
  shadows: true,
92
92
  onCreated: handleOnCreate
93
+ }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
94
+ fallback: null
93
95
  }, /*#__PURE__*/_react.default.createElement(_LightSet.default, null), /*#__PURE__*/_react.default.createElement(_arcadeThreeCore.LodWrapper, {
94
96
  lod: "divideby16"
95
97
  }, /*#__PURE__*/_react.default.createElement(_arcadeThreeCore.StaticResource, {
@@ -108,7 +110,7 @@ var InventoryItem = function InventoryItem(_ref) {
108
110
  enablePan: false
109
111
  }), /*#__PURE__*/_react.default.createElement(_drei.Preload, {
110
112
  all: true
111
- }))), /*#__PURE__*/_react.default.createElement("div", {
113
+ })))), /*#__PURE__*/_react.default.createElement("div", {
112
114
  className: "inventory--layer__info--description"
113
115
  }, /*#__PURE__*/_react.default.createElement("h1", null, name), /*#__PURE__*/_react.default.createElement("p", null, description))));
114
116
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@gamelearn/arcade-components",
3
3
  "license": "Gamelearn",
4
- "version": "1.3.0",
4
+ "version": "1.3.2",
5
5
  "main": "dist/index.js",
6
6
  "files": [
7
7
  "dist",