@gamelearn/arcade-components 1.3.4 → 1.3.5-1

package/dist/components/conversational-pro-component/components/SlotList.js

@@ -15,12 +15,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-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; }
-
 var SlotList = function SlotList(_ref) {
   var characters = _ref.characters,
       actors = _ref.actors,
@@ -46,8 +40,7 @@ var SlotList = function SlotList(_ref) {
     var actor = actors === null || actors === void 0 ? void 0 : actors.find(function (a) {
       return a.uid === current.uid;
     });
-
-    var char = _objectSpread({}, current);
+    var char = Object.assign({}, current);
 
     if (current.character) {
       char.name = current.alias || current.character.name;
@@ -83,13 +76,13 @@ var SlotList = function SlotList(_ref) {
       return gameChars.map(function (character, index) {
         if (!character) {
           return /*#__PURE__*/_react.default.createElement("div", {
-            key: "void_".concat(0 + index),
+            key: "void_".concat(index),
             className: "conversation--character__item void ".concat(index)
           });
         }
 
         return /*#__PURE__*/_react.default.createElement(_Slot.default, _extends({
-          key: "".concat(character.uid + index)
+          key: character.uid + index
         }, characterProps({
           character: character,
           active: currentMessage.position === character.position,
@@ -102,7 +95,7 @@ var SlotList = function SlotList(_ref) {
       return currentChars.map(function (character, index) {
         var active = currentMessage.position === index;
         return /*#__PURE__*/_react.default.createElement(_Slot.default, _extends({
-          key: "".concat(character.uid + index)
+          key: character.uid + index
         }, characterProps({
           character: character,
           active: active,
@@ -120,7 +113,7 @@ var SlotList = function SlotList(_ref) {
         var active = currentMessage.position === index;
         character.name = el.alias || character.name;
         return /*#__PURE__*/_react.default.createElement(_Slot.default, _extends({
-          key: "".concat(character.uid + index)
+          key: character.uid + index
         }, characterProps({
           character: character,
           active: active,
@@ -129,7 +122,7 @@ var SlotList = function SlotList(_ref) {
       }
 
       return /*#__PURE__*/_react.default.createElement("div", {
-        key: "".concat(0 + index),
+        key: index,
         className: "conversation--character__item void ".concat(index)
       });
     }) : null;
@@ -143,7 +136,7 @@ var SlotList = function SlotList(_ref) {
     flex: flex,
     currentMessage: currentMessage,
     lodSettings: lodSettings
-  }), children || /*#__PURE__*/_react.default.createElement(Slots, null));
+  }), children ? children : /*#__PURE__*/_react.default.createElement(Slots, null));
 };
 
 SlotList.defaultProps = {

package/dist/components/conversational-pro-component/components/scene/Panel.js

@@ -13,19 +13,21 @@ var _fiber = require("@react-three/fiber");
 
 var _drei = require("@react-three/drei");
 
-var _arcadeThreeCore = require("@gamelearn/arcade-three-core");
-
 var _three = require("three");
 
+var _element = _interopRequireDefault(require("../../../arcade-render/element"));
+
 var _helpers = require("../../../../helpers");
 
 var _LightSet = _interopRequireDefault(require("../../../../helpers/LightSet"));
 
+var _drawLOD = _interopRequireDefault(require("../../../../helpers/drawLOD"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-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; }
+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; }
 
 var defaultCamPos = [0, 14.63, 16];
 
@@ -33,21 +35,24 @@ function Panel(_ref) {
   var _character$resource4, _character$resource5;
 
   var character = _ref.character,
-      active = _ref.active;
+      active = _ref.active,
+      lodSettings = _ref.lodSettings;
   var cameraRef = (0, _react.useRef)(null);
   var sceneRef = (0, _react.useRef)(null);
   var isCharacter = character.type === 'character';
   var emotion = (0, _react.useMemo)(function () {
     if (isCharacter) {
-      var _character$resource, _character$resource$a, _character$resource$a2, _character$resource3, _character$resource3$;
+      var _character$resource, _character$resource$a, _character$resource$a2;
 
       if (character !== null && character !== void 0 && (_character$resource = character.resource) !== null && _character$resource !== void 0 && (_character$resource$a = _character$resource.animations) !== null && _character$resource$a !== void 0 && (_character$resource$a2 = _character$resource$a[character.emotion]) !== null && _character$resource$a2 !== void 0 && _character$resource$a2.url) {
         var _character$resource2, _character$resource2$;
 
         return character === null || character === void 0 ? void 0 : (_character$resource2 = character.resource) === null || _character$resource2 === void 0 ? void 0 : (_character$resource2$ = _character$resource2.animations) === null || _character$resource2$ === void 0 ? void 0 : _character$resource2$[character.emotion];
-      }
+      } else {
+        var _character$resource3, _character$resource3$;
 
-      return character === null || character === void 0 ? void 0 : (_character$resource3 = character.resource) === null || _character$resource3 === void 0 ? void 0 : (_character$resource3$ = _character$resource3.animations) === null || _character$resource3$ === void 0 ? void 0 : _character$resource3$.neutral;
+        return character === null || character === void 0 ? void 0 : (_character$resource3 = character.resource) === null || _character$resource3 === void 0 ? void 0 : (_character$resource3$ = _character$resource3.animations) === null || _character$resource3$ === void 0 ? void 0 : _character$resource3$['neutral'];
+      }
     }
 
     return {};
@@ -70,8 +75,9 @@ function Panel(_ref) {
       }
 
       cameraRef.current.updateProjectionMatrix();
+      (0, _drawLOD.default)(sceneRef.current, cameraRef.current, lodSettings);
     }
-  }, [character]);
+  }, [character, lodSettings]);
   (0, _fiber.useFrame)(function (_ref2) {
     var gl = _ref2.gl;
 
@@ -101,17 +107,16 @@ function Panel(_ref) {
   }, 100);
   return character.type === 'image' ? null : /*#__PURE__*/_react.default.createElement("scene", {
     ref: sceneRef
-  }, (_character$resource5 = character.resource) !== null && _character$resource5 !== void 0 && _character$resource5.url ? /*#__PURE__*/_react.default.createElement(_arcadeThreeCore.LodWrapper, {
-    progressive: true,
-    individualProgress: true
-  }, /*#__PURE__*/_react.default.createElement(_arcadeThreeCore.TriggerWrapper, {
+  }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: null
+  }, (_character$resource5 = character.resource) !== null && _character$resource5 !== void 0 && _character$resource5.url ? /*#__PURE__*/_react.default.createElement(_element.default, {
     name: "char_".concat(character.uid),
     url: character.resource.url,
     animationUrl: emotion.url,
     type: character.type,
     position: [0, 0, 0],
     onLoad: onLoadElement
-  })) : null, /*#__PURE__*/_react.default.createElement(_drei.PerspectiveCamera, {
+  }) : null), /*#__PURE__*/_react.default.createElement(_drei.PerspectiveCamera, {
     name: "camera_".concat(character.uid),
     fov: 35,
     focus: 10,

package/dist/components/conversational-pro-component/components/scene/Panels.js

@@ -11,12 +11,6 @@ var _Panel = _interopRequireDefault(require("./Panel"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-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; }
-
 var Panels = function Panels(_ref) {
   var characters = _ref.characters,
       slots = _ref.slots,
@@ -31,10 +25,10 @@ var Panels = function Panels(_ref) {
 
     if (characterPos >= 0) {
       var currentPosition = !flex ? slotPosition : characterPos;
-      currentCharacter = _objectSpread({}, characters[characterPos]);
+      currentCharacter = Object.assign({}, characters[characterPos]);
       currentCharacter.slot = currentPosition;
       return /*#__PURE__*/_react.default.createElement(_Panel.default, {
-        key: "".concat("".concat(currentCharacter.uid, "_").concat(slotPosition), "_", characterPos),
+        key: "".concat(currentCharacter.uid, "_").concat(slotPosition, "_").concat(characterPos),
         character: currentCharacter,
         active: activeIndex === currentPosition,
         lodSettings: lodSettings

package/dist/components/conversational-pro-component/components/scene/index.js

@@ -11,17 +11,15 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _fiber = require("@react-three/fiber");
 
-var _arcadeThreeCore = require("@gamelearn/arcade-three-core");
+var _Panels = _interopRequireDefault(require("./Panels"));
 
 var _drei = require("@react-three/drei");
 
-var _Panels = _interopRequireDefault(require("./Panels"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-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; }
+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; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -31,18 +29,19 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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; }
 
-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; }
+function _iterableToArrayLimit(arr, i) { var _i = arr && (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; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var PanelsWrapper = function PanelsWrapper(_ref) {
+function Renderer(_ref) {
   var characters = _ref.characters,
       slots = _ref.slots,
       slotRefs = _ref.slotRefs,
       flex = _ref.flex,
-      currentMessage = _ref.currentMessage;
+      currentMessage = _ref.currentMessage,
+      lodSettings = _ref.lodSettings;
 
-  var _useState = (0, _react.useState)(false),
+  var _useState = (0, _react.useState)(),
       _useState2 = _slicedToArray(_useState, 2),
       built = _useState2[0],
       finishBuild = _useState2[1];
@@ -52,9 +51,8 @@ var PanelsWrapper = function PanelsWrapper(_ref) {
     gl.setScissorTest(false);
     gl.clear(true, true);
     gl.setScissorTest(true);
-  });
+  }, 100);
   (0, _react.useEffect)(function () {
-    // let useFrame execute at least once
     finishBuild(true);
   }, []);
   return built ? /*#__PURE__*/_react.default.createElement(_Panels.default, {
@@ -62,29 +60,32 @@ var PanelsWrapper = function PanelsWrapper(_ref) {
     slots: slots,
     slotRefs: slotRefs,
     flex: flex,
-    activeIndex: currentMessage.position
+    activeIndex: currentMessage.position,
+    lodSettings: lodSettings
   }) : null;
-};
+}
 
 var Scene = function Scene(props) {
-  return /*#__PURE__*/_react.default.createElement(_arcadeThreeCore.Renderer, {
-    fullscreen: false,
+  return /*#__PURE__*/_react.default.createElement(_fiber.Canvas, {
+    resize: {
+      scroll: false
+    },
     className: "conversation--canvas",
     style: {
       position: 'absolute',
       width: '100%',
       height: '100%'
     },
+    flat: true,
+    mode: "concurrent",
     onCreated: function onCreated(_ref3) {
       var gl = _ref3.gl;
       gl.setClearColor('white', 0);
       gl.physicallyCorrectLights = true;
     }
-  }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
-    fallback: null
-  }, /*#__PURE__*/_react.default.createElement(PanelsWrapper, props), /*#__PURE__*/_react.default.createElement(_drei.Preload, {
+  }, /*#__PURE__*/_react.default.createElement(Renderer, props), /*#__PURE__*/_react.default.createElement(_drei.Preload, {
     all: true
-  })));
+  }));
 };
 
 var _default = Scene;

package/dist/components/conversational-pro-component/mocks/mockForStory.js

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.withoutBackground = exports.voiceOverProps = exports.textToSpeechProps = exports.conversationPropsNoFeedbackNoRewards = exports.conversationPropsLodSettings = exports.conversationProps = exports.converOld = void 0;
+exports.textToSpeechProps = exports.conversationPropsLodSettings = exports.conversationPropsNoFeedbackNoRewards = exports.withoutBackground = exports.voiceOverProps = exports.conversationProps = exports.converOld = void 0;
 
 var _mocker = require("helpers/mocker");
 
-/* eslint-disable max-len */
 var animations = {
   neutral: {
     url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/5981fca94d82290bcbe957fe/animation/5f06e116f9efdd00112fcc6f/male_missunderstand_1.glb'
@@ -1134,101 +1133,101 @@ var conversationPropsLodSettings = {
 };
 exports.conversationPropsLodSettings = conversationPropsLodSettings;
 var textToSpeechProps = {
-  actors: [],
-  background: {},
-  lines: [{
-    audioId_labelId: 'audioId_0_u8GqjXR4',
-    audioType: 'voice',
-    flex: false,
-    hasAlias: true,
-    slots: [{
-      alias: 'alias_0_0_u8GqgZXt',
-      alias_labelId: 'alias_0_0_u8GqgZXt',
-      emotion: 'neutral',
-      talking: true,
-      text: 'text_0_0_u8Gqfb0d',
-      text_labelId: 'text_0_0_u8Gqfb0d',
-      uid: 'OxVPqm'
-    }, {
-      alias_labelId: 'alias_0_1_u8GqgVBv',
-      emotion: 'neutral',
-      talking: false,
-      text: '',
-      text_labelId: 'text_0_1_u8GqgH0e',
-      uid: null
-    }, {
-      alias_labelId: 'alias_0_2_u8GqgGOU',
-      emotion: 'neutral',
-      talking: false,
-      text: '',
-      text_labelId: 'text_0_2_u8GqgCxs',
-      uid: null
-    }, {
-      alias_labelId: 'alias_0_3_u8Gqhwkb',
-      emotion: 'neutral',
-      talking: false,
-      text: '',
-      text_labelId: 'text_0_3_u8GqhLmZ',
-      uid: null
-    }, {
-      alias_labelId: 'alias_0_4_u8GqhHJG',
-      emotion: 'neutral',
-      talking: false,
-      text: '',
-      text_labelId: 'text_0_4_u8Gqh68W',
-      uid: null
+  "actors": [],
+  "background": {},
+  "lines": [{
+    "audioId_labelId": "audioId_0_u8GqjXR4",
+    "audioType": "voice",
+    "flex": false,
+    "hasAlias": true,
+    "slots": [{
+      "alias": "alias_0_0_u8GqgZXt",
+      "alias_labelId": "alias_0_0_u8GqgZXt",
+      "emotion": "neutral",
+      "talking": true,
+      "text": "text_0_0_u8Gqfb0d",
+      "text_labelId": "text_0_0_u8Gqfb0d",
+      "uid": "OxVPqm"
+    }, {
+      "alias_labelId": "alias_0_1_u8GqgVBv",
+      "emotion": "neutral",
+      "talking": false,
+      "text": "",
+      "text_labelId": "text_0_1_u8GqgH0e",
+      "uid": null
+    }, {
+      "alias_labelId": "alias_0_2_u8GqgGOU",
+      "emotion": "neutral",
+      "talking": false,
+      "text": "",
+      "text_labelId": "text_0_2_u8GqgCxs",
+      "uid": null
+    }, {
+      "alias_labelId": "alias_0_3_u8Gqhwkb",
+      "emotion": "neutral",
+      "talking": false,
+      "text": "",
+      "text_labelId": "text_0_3_u8GqhLmZ",
+      "uid": null
+    }, {
+      "alias_labelId": "alias_0_4_u8GqhHJG",
+      "emotion": "neutral",
+      "talking": false,
+      "text": "",
+      "text_labelId": "text_0_4_u8Gqh68W",
+      "uid": null
     }],
-    text_labelId: 'text_0_u8Gqjbqa',
-    voice: {
-      type: 'character',
-      id: 'OxVPqm'
+    "text_labelId": "text_0_u8Gqjbqa",
+    "voice": {
+      type: "character",
+      id: "OxVPqm"
     }
   }, {
-    audioId_labelId: 'audioId_0_u8GqjXR4',
-    audioType: 'voice',
-    flex: false,
-    hasAlias: true,
-    slots: [{
-      alias: 'alias_0_0_u8GqgZXt',
-      alias_labelId: 'alias_0_0_u8GqgZXt',
-      emotion: 'neutral',
-      talking: true,
-      text: 'text_0_0_u8Gqfb0d',
-      text_labelId: 'text_0_0_u8Gqfb0d',
-      uid: 'OxVPqm'
-    }, {
-      alias_labelId: 'alias_0_1_u8GqgVBv',
-      emotion: 'neutral',
-      talking: false,
-      text: '',
-      text_labelId: 'text_0_1_u8GqgH0e',
-      uid: null
-    }, {
-      alias_labelId: 'alias_0_2_u8GqgGOU',
-      emotion: 'neutral',
-      talking: false,
-      text: '',
-      text_labelId: 'text_0_2_u8GqgCxs',
-      uid: null
-    }, {
-      alias_labelId: 'alias_0_3_u8Gqhwkb',
-      emotion: 'neutral',
-      talking: false,
-      text: '',
-      text_labelId: 'text_0_3_u8GqhLmZ',
-      uid: null
-    }, {
-      alias_labelId: 'alias_0_4_u8GqhHJG',
-      emotion: 'neutral',
-      talking: false,
-      text: '',
-      text_labelId: 'text_0_4_u8Gqh68W',
-      uid: null
+    "audioId_labelId": "audioId_0_u8GqjXR4",
+    "audioType": "voice",
+    "flex": false,
+    "hasAlias": true,
+    "slots": [{
+      "alias": "alias_0_0_u8GqgZXt",
+      "alias_labelId": "alias_0_0_u8GqgZXt",
+      "emotion": "neutral",
+      "talking": true,
+      "text": "text_0_0_u8Gqfb0d",
+      "text_labelId": "text_0_0_u8Gqfb0d",
+      "uid": "OxVPqm"
+    }, {
+      "alias_labelId": "alias_0_1_u8GqgVBv",
+      "emotion": "neutral",
+      "talking": false,
+      "text": "",
+      "text_labelId": "text_0_1_u8GqgH0e",
+      "uid": null
+    }, {
+      "alias_labelId": "alias_0_2_u8GqgGOU",
+      "emotion": "neutral",
+      "talking": false,
+      "text": "",
+      "text_labelId": "text_0_2_u8GqgCxs",
+      "uid": null
+    }, {
+      "alias_labelId": "alias_0_3_u8Gqhwkb",
+      "emotion": "neutral",
+      "talking": false,
+      "text": "",
+      "text_labelId": "text_0_3_u8GqhLmZ",
+      "uid": null
+    }, {
+      "alias_labelId": "alias_0_4_u8GqhHJG",
+      "emotion": "neutral",
+      "talking": false,
+      "text": "",
+      "text_labelId": "text_0_4_u8Gqh68W",
+      "uid": null
     }],
-    text_labelId: 'text_0_u8Gqjbqa',
+    "text_labelId": "text_0_u8Gqjbqa",
     voice: {
-      type: 'base',
-      id: 'female_01'
+      type: "base",
+      id: "female_01"
     }
   }]
 };

package/dist/components/cracker-puzzle-component/components/CrackerPuzzleComponent.js

@@ -19,9 +19,9 @@ var _colors = require("./colors");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-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; }
+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; }
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -39,7 +39,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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; }
 
-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; }
+function _iterableToArrayLimit(arr, i) { var _i = arr && (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; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -271,7 +271,7 @@ var CrackerPuzzleComponent = function CrackerPuzzleComponent(_ref) {
     className: "puzzle--pieces"
   }, paintSolution.map(function (char, ind) {
     return /*#__PURE__*/_react.default.createElement("span", {
-      key: "".concat(char + ind),
+      key: ind,
       className: "puzzle--pieces__item"
     }, char && /*#__PURE__*/_react.default.createElement("span", {
       className: "character success-transition-animation",

package/dist/components/cracker-puzzle-component/components/helpers.js

@@ -11,7 +11,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
 
 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."); }
 
-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; }
+function _iterableToArrayLimit(arr, i) { var _i = arr && (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; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 

package/dist/components/decision-component/components/DecisionBody.js

@@ -13,9 +13,9 @@ var _Options = _interopRequireDefault(require("./Options"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-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; }
+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; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -25,7 +25,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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; }
 
-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; }
+function _iterableToArrayLimit(arr, i) { var _i = arr && (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; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -35,6 +35,7 @@ var DecisionBody = function DecisionBody(_ref) {
   var options = _ref.options,
       question = _ref.question,
       inherited = _ref.inherited,
+      onExit = _ref.onExit,
       changeOption = _ref.changeOption,
       onNext = _ref.onNext,
       onBack = _ref.onBack,