@gamelearn/arcade-components 0.2.0

package/dist/components/cracker-puzzle-component/mocks/mockForStory.js

@@ -0,0 +1,219 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mockProps4 = exports.mockProps3 = exports.mockProps2 = exports.mockProps = void 0;
+
+var emitEvent = function emitEvent() {
+  console.log('Emit event called');
+};
+
+var mockProps = {
+  emitEvent: emitEvent,
+  disableExit: function disableExit() {},
+  setResolveAction: function setResolveAction() {},
+  velocity: 'slow',
+  difficulty: 'easy',
+  nodeTitle: 'gfhfgh',
+  password: 'me7nack',
+  info: {
+    solution: {
+      right: {
+        desc: 'completado',
+        rewards: [{
+          id: 'k49zf40n',
+          name: 'asd',
+          points: 4,
+          type: 'score'
+        }]
+      },
+      wrong: {
+        desc: 'cghcgh',
+        rewards: [{
+          id: 'k49zf40n',
+          name: 'asd',
+          points: 44,
+          type: 'score'
+        }]
+      }
+    },
+    hint: {
+      active: true,
+      desc: 'asdfas',
+      rewards: [{
+        id: 'k49zf40n',
+        name: 'asd',
+        points: 22,
+        type: 'score'
+      }]
+    },
+    resolve: {
+      rewards: [{
+        id: 'k49zf40n',
+        name: 'asd',
+        points: 55,
+        type: 'score'
+      }]
+    },
+    instructions: 'cghgfdhgch',
+    description: 'description'
+  }
+};
+exports.mockProps = mockProps;
+var mockProps2 = {
+  emitEvent: emitEvent,
+  disableExit: function disableExit() {},
+  setResolveAction: function setResolveAction() {},
+  velocity: 'fast',
+  difficulty: 'medium',
+  nodeTitle: 'gfhfgh',
+  password: 'Mi7nicK',
+  info: {
+    solution: {
+      right: {
+        desc: 'cghc',
+        rewards: [{
+          id: 'k49zf40n',
+          name: 'asd',
+          points: 4,
+          type: 'score'
+        }]
+      },
+      wrong: {
+        desc: 'cghcgh',
+        rewards: [{
+          id: 'k49zf40n',
+          name: 'asd',
+          points: 44,
+          type: 'score'
+        }]
+      }
+    },
+    hint: {
+      active: true,
+      desc: 'asdfas',
+      rewards: [{
+        id: 'k49zf40n',
+        name: 'asd',
+        points: 22,
+        type: 'score'
+      }]
+    },
+    resolve: {
+      rewards: [{
+        id: 'k49zf40n',
+        name: 'asd',
+        points: 55,
+        type: 'score'
+      }]
+    },
+    instructions: 'cghgfdhgch',
+    description: 'description'
+  }
+};
+exports.mockProps2 = mockProps2;
+var mockProps3 = {
+  emitEvent: emitEvent,
+  disableExit: function disableExit() {},
+  setResolveAction: function setResolveAction() {},
+  velocity: 'fastest',
+  difficulty: 'hard',
+  nodeTitle: 'gfhfgh',
+  password: 'Mi7nicK',
+  info: {
+    solution: {
+      right: {
+        desc: 'cghc',
+        rewards: [{
+          id: 'k49zf40n',
+          name: 'asd',
+          points: 4,
+          type: 'score'
+        }]
+      },
+      wrong: {
+        desc: 'cghcgh',
+        rewards: [{
+          id: 'k49zf40n',
+          name: 'asd',
+          points: 44,
+          type: 'score'
+        }]
+      }
+    },
+    hint: {
+      active: true,
+      desc: 'asdfas',
+      rewards: [{
+        id: 'k49zf40n',
+        name: 'asd',
+        points: 22,
+        type: 'score'
+      }]
+    },
+    resolve: {
+      rewards: [{
+        id: 'k49zf40n',
+        name: 'asd',
+        points: 55,
+        type: 'score'
+      }]
+    },
+    instructions: 'cghgfdhgch',
+    description: 'description'
+  }
+};
+exports.mockProps3 = mockProps3;
+var mockProps4 = {
+  emitEvent: emitEvent,
+  disableExit: function disableExit() {},
+  setResolveAction: function setResolveAction() {},
+  velocity: 'fastest',
+  difficulty: 'hard',
+  nodeTitle: 'gfhfgh',
+  password: 'oioioioioioioioioioioioioio',
+  info: {
+    solution: {
+      right: {
+        desc: 'cghc',
+        rewards: [{
+          id: 'k49zf40n',
+          name: 'asd',
+          points: 4,
+          type: 'score'
+        }]
+      },
+      wrong: {
+        desc: 'cghcgh',
+        rewards: [{
+          id: 'k49zf40n',
+          name: 'asd',
+          points: 44,
+          type: 'score'
+        }]
+      }
+    },
+    hint: {
+      active: true,
+      desc: 'asdfas',
+      rewards: [{
+        id: 'k49zf40n',
+        name: 'asd',
+        points: 22,
+        type: 'score'
+      }]
+    },
+    resolve: {
+      rewards: [{
+        id: 'k49zf40n',
+        name: 'asd',
+        points: 55,
+        type: 'score'
+      }]
+    },
+    instructions: 'cghgfdhgch',
+    description: 'description'
+  }
+};
+exports.mockProps4 = mockProps4;

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

@@ -0,0 +1,167 @@
+"use strict";
+
+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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Options = _interopRequireDefault(require("./Options"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+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(); }
+
+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 _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); }
+
+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 && (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 noop = function noop() {};
+
+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,
+      failed = _ref.failed,
+      showingResults = _ref.showingResults,
+      currentSelectedChoice = _ref.currentSelectedChoice,
+      children = _ref.children,
+      translate = _ref.translate;
+
+  var _useState = (0, _react.useState)(currentSelectedChoice),
+      _useState2 = _slicedToArray(_useState, 2),
+      selectedChoice = _useState2[0],
+      selectChoice = _useState2[1];
+
+  var choose = function choose(option) {
+    selectChoice(option);
+
+    if (inherited && showingResults && failed) {
+      changeOption(option);
+    }
+  };
+
+  var canNext = !showingResults && selectedChoice.id !== undefined || !failed;
+  var optionsProps = {
+    inherited: inherited,
+    selectedChoice: selectedChoice,
+    selectChoice: !showingResults || inherited && failed ? choose : noop,
+    options: options
+  };
+
+  var BasicDecision = function BasicDecision(_ref2) {
+    var defaultChildren = _ref2.children;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "popup popup__large popup__basicDecision ".concat(showingResults ? 'popup__feedback' : '')
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "popup--info"
+    }, showingResults ? defaultChildren : /*#__PURE__*/_react.default.createElement("span", {
+      className: "popup--info__title"
+    }, question)), /*#__PURE__*/_react.default.createElement("div", {
+      className: "popup__questions"
+    }, /*#__PURE__*/_react.default.createElement(_Options.default, optionsProps)), /*#__PURE__*/_react.default.createElement("div", {
+      className: "popup--buttons"
+    }, !showingResults ? /*#__PURE__*/_react.default.createElement("button", {
+      type: "button",
+      className: "gat--btn gat--btn__secondary",
+      onClick: onExit
+    }, translate("webbuilder.cancel")) : null, /*#__PURE__*/_react.default.createElement("button", {
+      type: "button",
+      className: "gat--btn gat--btn__primary ".concat(selectedChoice.id !== undefined ? '' : 'disabled'),
+      onClick: function onClick() {
+        return canNext ? onNext(selectedChoice) : onBack();
+      }
+    }, canNext || selectedChoice.id === undefined ? translate("screens.continue") : translate("tests.retry"))));
+  };
+
+  var ComplexDecision = function ComplexDecision() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "conversation--body"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "conversation--message"
+    }, question !== '' && /*#__PURE__*/_react.default.createElement("span", {
+      className: "conversation--main__text"
+    }, question), /*#__PURE__*/_react.default.createElement(_Options.default, optionsProps)), /*#__PURE__*/_react.default.createElement("div", {
+      className: "conversation--controls conversation--controls--fixedbottom"
+    }, /*#__PURE__*/_react.default.createElement("button", {
+      className: "gat--btn__round disabled",
+      type: "button"
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "icon-back"
+    })), /*#__PURE__*/_react.default.createElement("button", {
+      className: "gat--btn__round ".concat(canNext ? '' : 'disabled'),
+      type: "button",
+      onClick: function onClick() {
+        return canNext && onNext(selectedChoice);
+      }
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "icon-next"
+    }))));
+  };
+
+  if (inherited) {
+    return /*#__PURE__*/_react.default.createElement(ComplexDecision, null);
+  }
+
+  return /*#__PURE__*/_react.default.createElement(BasicDecision, null, children);
+};
+
+DecisionBody.defaultProps = {
+  options: [],
+  currentSelectedChoice: {},
+  showingResults: false,
+  question: '',
+  changeOption: noop,
+  onExit: noop,
+  onNext: noop,
+  onBack: noop,
+  inherited: false,
+  failed: false,
+  children: []
+};
+DecisionBody.propTypes = {
+  children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]),
+  options: _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.number,
+    feedback: _propTypes.default.string,
+    slot: _propTypes.default.bool,
+    text: _propTypes.default.string,
+    rewards: _propTypes.default.arrayOf(_propTypes.default.shape())
+  })),
+  currentSelectedChoice: _propTypes.default.shape({
+    id: _propTypes.default.number,
+    rewards: _propTypes.default.arrayOf(_propTypes.default.shape()),
+    feedback: _propTypes.default.string,
+    slot: _propTypes.default.bool,
+    text: _propTypes.default.string
+  }),
+  changeOption: _propTypes.default.func,
+  onExit: _propTypes.default.func,
+  onNext: _propTypes.default.func,
+  onBack: _propTypes.default.func,
+  question: _propTypes.default.string,
+  inherited: _propTypes.default.bool,
+  failed: _propTypes.default.bool,
+  showingResults: _propTypes.default.bool
+};
+var _default = DecisionBody;
+exports.default = _default;

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

@@ -0,0 +1,231 @@
+"use strict";
+
+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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _SlotList = _interopRequireDefault(require("../../conversational-pro-component/components/SlotList"));
+
+var _DecisionBody = _interopRequireDefault(require("./DecisionBody"));
+
+var _Feedback = _interopRequireDefault(require("./Feedback"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+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(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+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 _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); }
+
+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 && (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; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var DecisionComponent = function DecisionComponent(_ref) {
+  var emitEvent = _ref.emitEvent,
+      props = _objectWithoutProperties(_ref, ["emitEvent"]);
+
+  var inheritProps = props.inheritProps,
+      required = props.required,
+      question = props.question,
+      onFinish = props.onFinish;
+  var inherited = Object.keys(inheritProps).length > 0;
+
+  var _useState = (0, _react.useState)('options'),
+      _useState2 = _slicedToArray(_useState, 2),
+      selectedView = _useState2[0],
+      selectView = _useState2[1];
+
+  var _useState3 = (0, _react.useState)([]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      rewards = _useState4[0],
+      addReward = _useState4[1];
+
+  var _useState5 = (0, _react.useState)({}),
+      _useState6 = _slicedToArray(_useState5, 2),
+      resultChoice = _useState6[0],
+      setResultChoice = _useState6[1];
+
+  var failed = required && !resultChoice.right;
+
+  var playCurrentAudio = function playCurrentAudio(option) {// options.forEach(({ audioId: optionId })
+  };
+
+  var listProps = _objectSpread(_objectSpread({}, inheritProps), {}, {
+    currentMessage: {
+      position: -1,
+      emotion: ''
+    }
+  });
+
+  if (inheritProps) {
+    if (inheritProps.flex && listProps.slots) {
+      listProps.characters = listProps.characters.filter(function (char) {
+        return listProps.slots.find(function (slot) {
+          return slot.uid === char.uid;
+        });
+      });
+    }
+  }
+
+  var bodyProps = _objectSpread(_objectSpread({}, props), {}, {
+    selectView: selectView,
+    selectedView: selectedView,
+    emitEvent: emitEvent,
+    inherited: inherited,
+    showingResults: selectedView === 'results',
+    currentSelectedChoice: resultChoice,
+    failed: failed,
+    changeOption: function changeOption(option) {
+      setResultChoice(option);
+      selectView('options');
+    },
+    onBack: function onBack() {
+      if (failed) {
+        setResultChoice({});
+        selectView('options');
+      }
+    },
+    onNext: function onNext(choice) {
+      if (!failed && selectedView === 'results') {
+        emitEvent({
+          type: 'addPoints',
+          payload: rewards,
+          finish: !inherited
+        });
+
+        if (onFinish) {
+          // audio stop
+          onFinish();
+        }
+      } else if (Object.keys(choice).length > 0) {
+        var currentRewards = [].concat(_toConsumableArray(rewards), _toConsumableArray(choice.rewards));
+        setResultChoice(choice);
+        addReward(currentRewards);
+        playCurrentAudio(choice);
+        selectView('results');
+      }
+    },
+    onExit: function onExit() {
+      emitEvent({
+        type: 'success'
+      });
+    },
+    translate: function translate(id) {
+      return emitEvent({
+        type: 'translate',
+        payload: id
+      });
+    }
+  });
+
+  var BackgroundWrapper = function BackgroundWrapper(_ref2) {
+    var children = _ref2.children;
+
+    if (!inherited) {
+      return children;
+    }
+
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "conversation--layer ".concat(selectedView === 'results' ? 'conversation--layer__feedback' : '')
+    }, children);
+  };
+
+  var PopupWrapper = function PopupWrapper(_ref3) {
+    var children = _ref3.children;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "popup--layer"
+    }, children);
+  };
+
+  var CharactersWrapper = function CharactersWrapper(_ref4) {
+    var children = _ref4.children;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "conversation",
+      style: inheritProps.background ? {
+        backgroundImage: "url(\"".concat(inheritProps.background, "\")")
+      } : {}
+    }, /*#__PURE__*/_react.default.createElement(_SlotList.default, listProps, children), /*#__PURE__*/_react.default.createElement(_DecisionBody.default, bodyProps));
+  };
+
+  var Body = function Body() {
+    return inherited ? /*#__PURE__*/_react.default.createElement(CharactersWrapper, null, selectedView === 'results' ? /*#__PURE__*/_react.default.createElement(_Feedback.default, {
+      question: question,
+      inherited: inherited,
+      choice: resultChoice,
+      rewards: resultChoice.rewards || [],
+      addPoints: function addPoints() {}
+    }) : null) : /*#__PURE__*/_react.default.createElement(PopupWrapper, null, /*#__PURE__*/_react.default.createElement(_DecisionBody.default, bodyProps, /*#__PURE__*/_react.default.createElement(_Feedback.default, {
+      question: question,
+      inherited: inherited,
+      choice: resultChoice,
+      rewards: resultChoice.rewards || [],
+      addPoints: function addPoints() {}
+    })));
+  };
+
+  return /*#__PURE__*/_react.default.createElement(BackgroundWrapper, null, /*#__PURE__*/_react.default.createElement(Body, null));
+};
+
+DecisionComponent.defaultProps = {
+  inheritProps: {},
+  required: false,
+  onFinish: null,
+  question: '',
+  options: []
+};
+DecisionComponent.propTypes = {
+  required: _propTypes.default.bool,
+  onFinish: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.oneOf([null])]),
+  inheritProps: _propTypes.default.shape({
+    background: _propTypes.default.string,
+    flex: _propTypes.default.bool,
+    voiceOver: _propTypes.default.shape({}),
+    name: _propTypes.default.string,
+    text: _propTypes.default.string,
+    slots: _propTypes.default.arrayOf({})
+  }),
+  options: _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.number,
+    feedback: _propTypes.default.string,
+    slot: _propTypes.default.bool,
+    text: _propTypes.default.string,
+    audioId: _propTypes.default.string,
+    rewards: _propTypes.default.arrayOf(_propTypes.default.shape())
+  })),
+  question: _propTypes.default.string
+};
+var _default = DecisionComponent;
+exports.default = _default;