@pie-element/multiple-choice 6.1.9 → 6.1.10

package/module/element.js

@@ -1,57 +1,5 @@
-import {_dll_pie_lib__render_ui, _dll_prop_types, _dll_react_dom, _dll_react, _dll_material_ui__core_styles, _dll_classnames, _dll_material_ui__core, _dll_lodash, _dll_debug} from "../../../@pie-lib/shared-module@^1.2.15/module/index.js";
-import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.18/module/index.js";
-const {color: color$3} = _dll_pie_lib__render_ui;
-const noTouch = {
-  '-webkit-touchCcallout': 'none',
-  '-webkit-user-select': 'none',
-  '-khtml-user-select': 'none',
-  '-moz-user-select': 'none',
-  '-ms-user-select': 'none',
-  'user-select': 'none'
-};
-var styles$8 = {
-  root: {
-    width: '100%',
-    cursor: 'pointer'
-  },
-  content: {
-    margin: '0 auto',
-    textAlign: 'center',
-    display: 'flex'
-  },
-  label: Object.assign({
-    width: '140px',
-    fontFamily: "'Roboto', sans-serif",
-    height: '25px',
-    lineHeight: '25px',
-    verticalAlign: 'middle',
-    color: `var(--correct-answer-toggle-label-color,  ${color$3.text()})`,
-    fontSize: '15px',
-    fontWeight: 'normal'
-  }, noTouch),
-  icon: {
-    position: 'absolute',
-    width: '25px'
-  },
-  iconHolder: {
-    width: '25px',
-    marginRight: '5px'
-  },
-  enter: {
-    opacity: '0'
-  },
-  enterActive: {
-    opacity: '1',
-    transition: 'opacity 0.3s ease-in'
-  },
-  exit: {
-    opacity: '1'
-  },
-  exitActive: {
-    opacity: '0',
-    transition: 'opacity 0.3s ease-in'
-  }
-};
+import {_dll_prop_types, _dll_react_dom, _dll_react, _dll_material_ui__core_styles, _dll_pie_lib__render_ui, _dll_material_ui__core, _dll_classnames, _dll_pie_lib__correct_answer_toggle, _dll_lodash, _dll_debug} from "../../../@pie-lib/shared-module@^1.2.16/module/index.js";
+import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.19/module/index.js";
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
@@ -71,7 +19,7 @@ function getAugmentedNamespace(n) {
   });
   return a;
 }
-var CSSTransition$1 = {
+var CSSTransition = {
   exports: {}
 };
 var addClass = {
@@ -202,10 +150,10 @@ var reactLifecyclesCompat_es = Object.freeze({
   polyfill: polyfill
 });
 var require$$2$2 = getAugmentedNamespace(reactLifecyclesCompat_es);
-var PropTypes$j = {};
+var PropTypes$6 = {};
 const require$$0$5 = _dll_prop_types;
-PropTypes$j.__esModule = true;
-PropTypes$j.classNamesShape = PropTypes$j.timeoutsShape = void 0;
+PropTypes$6.__esModule = true;
+PropTypes$6.classNamesShape = PropTypes$6.timeoutsShape = void 0;
 var _propTypes = _interopRequireDefault$2(require$$0$5);
 function _interopRequireDefault$2(obj) {
   return obj && obj.__esModule ? obj : {
@@ -217,7 +165,7 @@ var timeoutsShape = _propTypes.default.oneOfType([_propTypes.default.number, _pr
   exit: _propTypes.default.number,
   appear: _propTypes.default.number
 }).isRequired]);
-PropTypes$j.timeoutsShape = timeoutsShape;
+PropTypes$6.timeoutsShape = timeoutsShape;
 var classNamesShape = _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.shape({
   enter: _propTypes.default.string,
   exit: _propTypes.default.string,
@@ -230,17 +178,17 @@ var classNamesShape = _propTypes.default.oneOfType([_propTypes.default.string, _
   exitDone: _propTypes.default.string,
   exitActive: _propTypes.default.string
 })]);
-PropTypes$j.classNamesShape = classNamesShape;
+PropTypes$6.classNamesShape = classNamesShape;
 const require$$0$4 = _dll_prop_types;
 const require$$1$2 = _dll_react;
 const require$$2$1 = _dll_react_dom;
 Transition$1.__esModule = true;
 Transition$1.default = Transition$1.EXITING = Transition$1.ENTERED = Transition$1.ENTERING = Transition$1.EXITED = Transition$1.UNMOUNTED = void 0;
-var PropTypes$i = _interopRequireWildcard(require$$0$4);
+var PropTypes$5 = _interopRequireWildcard(require$$0$4);
 var _react$1 = _interopRequireDefault$1(require$$1$2);
 var _reactDom = _interopRequireDefault$1(require$$2$1);
 var _reactLifecyclesCompat = require$$2$2;
-var _PropTypes = PropTypes$j;
+var _PropTypes = PropTypes$6;
 function _interopRequireDefault$1(obj) {
   return obj && obj.__esModule ? obj : {
     default: obj
@@ -515,19 +463,19 @@ var Transition = (function (_React$Component) {
   return Transition;
 })(_react$1.default.Component);
 Transition.contextTypes = {
-  transitionGroup: PropTypes$i.object
+  transitionGroup: PropTypes$5.object
 };
 Transition.childContextTypes = {
   transitionGroup: function transitionGroup() {}
 };
 Transition.propTypes = {
-  children: PropTypes$i.oneOfType([PropTypes$i.func.isRequired, PropTypes$i.element.isRequired]).isRequired,
-  in: PropTypes$i.bool,
-  mountOnEnter: PropTypes$i.bool,
-  unmountOnExit: PropTypes$i.bool,
-  appear: PropTypes$i.bool,
-  enter: PropTypes$i.bool,
-  exit: PropTypes$i.bool,
+  children: PropTypes$5.oneOfType([PropTypes$5.func.isRequired, PropTypes$5.element.isRequired]).isRequired,
+  in: PropTypes$5.bool,
+  mountOnEnter: PropTypes$5.bool,
+  unmountOnExit: PropTypes$5.bool,
+  appear: PropTypes$5.bool,
+  enter: PropTypes$5.bool,
+  exit: PropTypes$5.bool,
   timeout: function timeout(props) {
     var pt = _PropTypes.timeoutsShape;
     if (!props.addEndListener) pt = pt.isRequired;
@@ -536,13 +484,13 @@ Transition.propTypes = {
     }
     return pt.apply(void 0, [props].concat(args));
   },
-  addEndListener: PropTypes$i.func,
-  onEnter: PropTypes$i.func,
-  onEntering: PropTypes$i.func,
-  onEntered: PropTypes$i.func,
-  onExit: PropTypes$i.func,
-  onExiting: PropTypes$i.func,
-  onExited: PropTypes$i.func
+  addEndListener: PropTypes$5.func,
+  onEnter: PropTypes$5.func,
+  onEntering: PropTypes$5.func,
+  onEntered: PropTypes$5.func,
+  onExit: PropTypes$5.func,
+  onExiting: PropTypes$5.func,
+  onExited: PropTypes$5.func
 };
 function noop() {}
 Transition.defaultProps = {
@@ -576,7 +524,7 @@ const require$$3 = _dll_react;
   var _removeClass = _interopRequireDefault(removeClass);
   var _react = _interopRequireDefault(require$$3);
   var _Transition = _interopRequireDefault(Transition$1);
-  var _PropTypes = PropTypes$j;
+  var _PropTypes = PropTypes$6;
   function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
       default: obj
@@ -746,2133 +694,164 @@ const require$$3 = _dll_react;
   var _default = CSSTransition;
   exports.default = _default;
   module.exports = exports["default"];
-})(CSSTransition$1, CSSTransition$1.exports);
-var CSSTransition = getDefaultExportFromCjs(CSSTransition$1.exports);
-const React$i = _dll_react;
-const PropTypes$h = _dll_prop_types;
-const _jsxFileName$h = "/home/circleci/repo/node_modules/@pie-lib/icons/src/sized.jsx";
-const normalizeSize = size => {
-  return typeof size === 'string' ? size : typeof size === 'number' ? `${size}px` : '30px';
-};
-const Sized = ({size, children}) => {
-  size = normalizeSize(size);
-  const style = {
-    height: size,
-    width: size,
-    display: 'inline-block',
-    position: 'relative'
-  };
-  return React$i.createElement('div', {
-    style: style,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$h,
-      lineNumber: 18
-    }
-  }, children);
-};
-Sized.propTypes = {
-  size: PropTypes$h.number,
-  children: PropTypes$h.oneOfType([PropTypes$h.arrayOf(PropTypes$h.node), PropTypes$h.node]).isRequired
+})(CSSTransition, CSSTransition.exports);
+getDefaultExportFromCjs(CSSTransition.exports);
+var ReplaceTransition = {
+  exports: {}
 };
-const React$h = _dll_react;
-const PropTypes$g = _dll_prop_types;
-const _jsxFileName$g = "/home/circleci/repo/node_modules/@pie-lib/icons/src/icon-root.jsx";
-const IconRoot = ({size, children}) => React$h.createElement(Sized, {
-  size: size,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$g,
-    lineNumber: 10
-  }
-}, React$h.createElement('svg', {
-  preserveAspectRatio: "xMinYMin meet",
-  version: "1.1",
-  x: "0px",
-  y: "0px",
-  viewBox: "0 0 44 40",
-  style: {
-    enableBackground: 'new 0 0 44 40'
-  },
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$g,
-    lineNumber: 11
-  }
-}, ' ', children));
-IconRoot.propTypes = {
-  size: PropTypes$g.oneOf([PropTypes$g.string, PropTypes$g.number]),
-  children: PropTypes$g.oneOfType([PropTypes$g.arrayOf(PropTypes$g.node), PropTypes$g.node]).isRequired
+var TransitionGroup = {
+  exports: {}
 };
-const getStyles = (name, fg, bg) => ({
-  bg: {
-    fill: `var(--icons-${name}-bg, ${bg})`
-  },
-  fg: {
-    fill: `var(--icons-${name}-fg, ${fg})`
+var ChildMapping = {};
+const require$$0$2 = _dll_react;
+ChildMapping.__esModule = true;
+ChildMapping.getChildMapping = getChildMapping;
+ChildMapping.mergeChildMappings = mergeChildMappings;
+ChildMapping.getInitialChildMapping = getInitialChildMapping;
+ChildMapping.getNextChildMapping = getNextChildMapping;
+var _react = require$$0$2;
+function getChildMapping(children, mapFn) {
+  var mapper = function mapper(child) {
+    return mapFn && (0, _react.isValidElement)(child) ? mapFn(child) : child;
+  };
+  var result = Object.create(null);
+  if (children) _react.Children.map(children, function (c) {
+    return c;
+  }).forEach(function (child) {
+    result[child.key] = mapper(child);
+  });
+  return result;
+}
+function mergeChildMappings(prev, next) {
+  prev = prev || ({});
+  next = next || ({});
+  function getValueForKey(key) {
+    return (key in next) ? next[key] : prev[key];
   }
-});
-({
-  className: PropTypes$g.string
-});
-const SquareFeedbackBox = ({className}) => React$h.createElement('polygon', {
-  transform: "translate(2, 0)",
-  className: className,
-  points: "34.1,28.6 34.1,2.2 2,2.2 2,34.3 40.1,34.3",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$g,
-    lineNumber: 51
+  var nextKeysPending = Object.create(null);
+  var pendingKeys = [];
+  for (var prevKey in prev) {
+    if ((prevKey in next)) {
+      if (pendingKeys.length) {
+        nextKeysPending[prevKey] = pendingKeys;
+        pendingKeys = [];
+      }
+    } else {
+      pendingKeys.push(prevKey);
+    }
   }
-});
-SquareFeedbackBox.propTypes = {
-  className: PropTypes$g.string
-};
-const RoundFeedbackBox = ({className}) => React$h.createElement('path', {
-  transform: "translate(1, 0)",
-  className: className,
-  d: "M31.2,29.1v-0.3c2.2-2.8,3.6-6.3,3.6-10.1c0-8.9-7.2-16.1-16.1-16.1c-8.8,0.1-16,7.3-16,16.2 s7.2,16.1,16.1,16.1h18.5L31.2,29.1z",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$g,
-    lineNumber: 62
+  var i;
+  var childMapping = {};
+  for (var nextKey in next) {
+    if (nextKeysPending[nextKey]) {
+      for (i = 0; i < nextKeysPending[nextKey].length; i++) {
+        var pendingNextKey = nextKeysPending[nextKey][i];
+        childMapping[nextKeysPending[nextKey][i]] = getValueForKey(pendingNextKey);
+      }
+    }
+    childMapping[nextKey] = getValueForKey(nextKey);
   }
-});
-RoundFeedbackBox.propTypes = {
-  className: PropTypes$g.string
-};
-const Circle$1 = ({className}) => React$h.createElement('circle', {
-  transform: "translate(-3, 0)",
-  className: className,
-  cx: "23",
-  cy: "20.4",
-  r: "16",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$g,
-    lineNumber: 73
+  for (i = 0; i < pendingKeys.length; i++) {
+    childMapping[pendingKeys[i]] = getValueForKey(pendingKeys[i]);
   }
-});
-Circle$1.propTypes = {
-  className: PropTypes$g.string
-};
-const Square = ({className}) => React$h.createElement('rect', {
-  x: "3.6",
-  y: "4.1",
-  className: className,
-  width: "32",
-  height: "32",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$g,
-    lineNumber: 81
+  return childMapping;
+}
+function getProp(child, prop, props) {
+  return props[prop] != null ? props[prop] : child.props[prop];
+}
+function getInitialChildMapping(props, onExited) {
+  return getChildMapping(props.children, function (child) {
+    return (0, _react.cloneElement)(child, {
+      onExited: onExited.bind(null, child),
+      in: true,
+      appear: getProp(child, 'appear', props),
+      enter: getProp(child, 'enter', props),
+      exit: getProp(child, 'exit', props)
+    });
+  });
+}
+function getNextChildMapping(nextProps, prevChildMapping, onExited) {
+  var nextChildMapping = getChildMapping(nextProps.children);
+  var children = mergeChildMappings(prevChildMapping, nextChildMapping);
+  Object.keys(children).forEach(function (key) {
+    var child = children[key];
+    if (!(0, _react.isValidElement)(child)) return;
+    var hasPrev = (key in prevChildMapping);
+    var hasNext = (key in nextChildMapping);
+    var prevChild = prevChildMapping[key];
+    var isLeaving = (0, _react.isValidElement)(prevChild) && !prevChild.props.in;
+    if (hasNext && (!hasPrev || isLeaving)) {
+      children[key] = (0, _react.cloneElement)(child, {
+        onExited: onExited.bind(null, child),
+        in: true,
+        exit: getProp(child, 'exit', nextProps),
+        enter: getProp(child, 'enter', nextProps)
+      });
+    } else if (!hasNext && hasPrev && !isLeaving) {
+      children[key] = (0, _react.cloneElement)(child, {
+        in: false
+      });
+    } else if (hasNext && hasPrev && (0, _react.isValidElement)(prevChild)) {
+      children[key] = (0, _react.cloneElement)(child, {
+        onExited: onExited.bind(null, child),
+        in: prevChild.props.in,
+        exit: getProp(child, 'exit', nextProps),
+        enter: getProp(child, 'enter', nextProps)
+      });
+    }
+  });
+  return children;
+}
+const require$$0$1 = _dll_prop_types;
+const require$$1$1 = _dll_react;
+(function (module, exports) {
+  exports.__esModule = true;
+  exports.default = void 0;
+  var _propTypes = _interopRequireDefault(require$$0$1);
+  var _react = _interopRequireDefault(require$$1$1);
+  var _reactLifecyclesCompat = require$$2$2;
+  var _ChildMapping = ChildMapping;
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
   }
-});
-Square.propTypes = {
-  className: PropTypes$g.string
-};
-const PropTypes$f = _dll_prop_types;
-const React$g = _dll_react;
-const _jsxFileName$f = "/home/circleci/repo/node_modules/@pie-lib/icons/src/icon-base.jsx";
-var IconBase = (Action, Emoji) => {
-  class IconBase extends React$g.Component {
-    static __initStatic() {
-      this.propTypes = {
-        classes: PropTypes$f.object.isRequired,
-        size: PropTypes$f.number
-      };
+  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];
     }
-    constructor(props) {
-      super(props);
-      const {classes, size} = this.props;
-      this.icons = {
-        feedback: {
-          round: {
-            check: React$g.createElement(IconRoot, {
-              size: size,
-              __self: this,
-              __source: {
-                fileName: _jsxFileName$f,
-                lineNumber: 20
-              }
-            }, React$g.createElement(RoundFeedbackBox, {
-              className: classes.bg,
-              __self: this,
-              __source: {
-                fileName: _jsxFileName$f,
-                lineNumber: 21
-              }
-            }), React$g.createElement(Action, {
-              className: classes.fg,
-              __self: this,
-              __source: {
-                fileName: _jsxFileName$f,
-                lineNumber: 22
-              }
-            })),
-            emoji: React$g.createElement(IconRoot, {
-              size: size,
-              __self: this,
-              __source: {
-                fileName: _jsxFileName$f,
-                lineNumber: 26
-              }
-            }, React$g.createElement(RoundFeedbackBox, {
-              className: classes.bg,
-              __self: this,
-              __source: {
-                fileName: _jsxFileName$f,
-                lineNumber: 27
-              }
-            }), React$g.createElement(Emoji, {
-              className: classes.fg,
-              __self: this,
-              __source: {
-                fileName: _jsxFileName$f,
-                lineNumber: 28
-              }
-            })),
-            open: {
-              check: React$g.createElement(IconRoot, {
-                size: size,
-                __self: this,
-                __source: {
-                  fileName: _jsxFileName$f,
-                  lineNumber: 33
-                }
-              }, React$g.createElement(Action, {
-                className: classes.bg,
-                __self: this,
-                __source: {
-                  fileName: _jsxFileName$f,
-                  lineNumber: 34
-                }
-              })),
-              emoji: React$g.createElement(IconRoot, {
-                size: size,
-                __self: this,
-                __source: {
-                  fileName: _jsxFileName$f,
-                  lineNumber: 38
-                }
-              }, React$g.createElement(Emoji, {
-                className: classes.bg,
-                __self: this,
-                __source: {
-                  fileName: _jsxFileName$f,
-                  lineNumber: 39
-                }
-              }))
-            }
-          },
-          square: {
-            check: React$g.createElement(IconRoot, {
-              size: size,
-              __self: this,
-              __source: {
-                fileName: _jsxFileName$f,
-                lineNumber: 46
-              }
-            }, React$g.createElement(SquareFeedbackBox, {
-              className: classes.bg,
-              __self: this,
-              __source: {
-                fileName: _jsxFileName$f,
-                lineNumber: 47
-              }
-            }), React$g.createElement(Action, {
-              className: classes.fg,
-              __self: this,
-              __source: {
-                fileName: _jsxFileName$f,
-                lineNumber: 48
-              }
-            })),
-            emoji: React$g.createElement(IconRoot, {
-              size: size,
-              __self: this,
-              __source: {
-                fileName: _jsxFileName$f,
-                lineNumber: 52
-              }
-            }, React$g.createElement(SquareFeedbackBox, {
-              className: classes.bg,
-              __self: this,
-              __source: {
-                fileName: _jsxFileName$f,
-                lineNumber: 53
-              }
-            }), React$g.createElement(Emoji, {
-              className: classes.fg,
-              __self: this,
-              __source: {
-                fileName: _jsxFileName$f,
-                lineNumber: 54
-              }
-            })),
-            open: {
-              check: React$g.createElement(IconRoot, {
-                size: size,
-                __self: this,
-                __source: {
-                  fileName: _jsxFileName$f,
-                  lineNumber: 59
-                }
-              }, React$g.createElement(Action, {
-                className: classes.bg,
-                __self: this,
-                __source: {
-                  fileName: _jsxFileName$f,
-                  lineNumber: 60
-                }
-              })),
-              emoji: React$g.createElement(IconRoot, {
-                size: size,
-                __self: this,
-                __source: {
-                  fileName: _jsxFileName$f,
-                  lineNumber: 64
-                }
-              }, React$g.createElement(Emoji, {
-                className: classes.bg,
-                __self: this,
-                __source: {
-                  fileName: _jsxFileName$f,
-                  lineNumber: 65
-                }
-              }))
-            }
-          }
-        },
-        round: {
-          check: React$g.createElement(IconRoot, {
-            size: size,
-            __self: this,
-            __source: {
-              fileName: _jsxFileName$f,
-              lineNumber: 73
-            }
-          }, React$g.createElement(Circle$1, {
-            className: classes.bg,
-            __self: this,
-            __source: {
-              fileName: _jsxFileName$f,
-              lineNumber: 74
-            }
-          }), React$g.createElement(Action, {
-            className: classes.fg,
-            __self: this,
-            __source: {
-              fileName: _jsxFileName$f,
-              lineNumber: 75
-            }
-          })),
-          emoji: React$g.createElement(IconRoot, {
-            size: size,
-            __self: this,
-            __source: {
-              fileName: _jsxFileName$f,
-              lineNumber: 79
-            }
-          }, React$g.createElement(Circle$1, {
-            className: classes.bg,
-            __self: this,
-            __source: {
-              fileName: _jsxFileName$f,
-              lineNumber: 80
-            }
-          }), React$g.createElement(Emoji, {
-            className: classes.fg,
-            __self: this,
-            __source: {
-              fileName: _jsxFileName$f,
-              lineNumber: 81
-            }
-          })),
-          open: {
-            check: React$g.createElement(IconRoot, {
-              size: size,
-              __self: this,
-              __source: {
-                fileName: _jsxFileName$f,
-                lineNumber: 86
-              }
-            }, React$g.createElement(Action, {
-              className: classes.bg,
-              __self: this,
-              __source: {
-                fileName: _jsxFileName$f,
-                lineNumber: 87
-              }
-            })),
-            emoji: React$g.createElement(IconRoot, {
-              size: size,
-              __self: this,
-              __source: {
-                fileName: _jsxFileName$f,
-                lineNumber: 91
-              }
-            }, React$g.createElement(Emoji, {
-              className: classes.bg,
-              __self: this,
-              __source: {
-                fileName: _jsxFileName$f,
-                lineNumber: 92
-              }
-            }))
-          }
-        },
-        square: {
-          check: React$g.createElement(IconRoot, {
-            size: size,
-            __self: this,
-            __source: {
-              fileName: _jsxFileName$f,
-              lineNumber: 99
-            }
-          }, React$g.createElement(Square, {
-            className: classes.bg,
-            __self: this,
-            __source: {
-              fileName: _jsxFileName$f,
-              lineNumber: 100
-            }
-          }), React$g.createElement(Action, {
-            className: classes.fg,
-            __self: this,
-            __source: {
-              fileName: _jsxFileName$f,
-              lineNumber: 101
-            }
-          })),
-          emoji: React$g.createElement(IconRoot, {
-            size: size,
-            __self: this,
-            __source: {
-              fileName: _jsxFileName$f,
-              lineNumber: 105
-            }
-          }, React$g.createElement(Square, {
-            className: classes.bg,
-            __self: this,
-            __source: {
-              fileName: _jsxFileName$f,
-              lineNumber: 106
-            }
-          }), React$g.createElement(Emoji, {
-            className: classes.fg,
-            __self: this,
-            __source: {
-              fileName: _jsxFileName$f,
-              lineNumber: 107
-            }
-          })),
-          open: {
-            check: React$g.createElement(IconRoot, {
-              size: size,
-              __self: this,
-              __source: {
-                fileName: _jsxFileName$f,
-                lineNumber: 112
-              }
-            }, React$g.createElement(Action, {
-              className: classes.bg,
-              __self: this,
-              __source: {
-                fileName: _jsxFileName$f,
-                lineNumber: 113
-              }
-            })),
-            emoji: React$g.createElement(IconRoot, {
-              size: size,
-              __self: this,
-              __source: {
-                fileName: _jsxFileName$f,
-                lineNumber: 117
-              }
-            }, React$g.createElement(Emoji, {
-              className: classes.bg,
-              __self: this,
-              __source: {
-                fileName: _jsxFileName$f,
-                lineNumber: 118
-              }
-            }))
+    return target;
+  }
+  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];
           }
         }
-      };
-    }
-    render() {
-      if (this.props.category === undefined) {
-        if (this.props.open === true) {
-          return this.icons[this.props.shape].open[this.props.iconSet];
-        } else {
-          return this.icons[this.props.shape][this.props.iconSet];
-        }
-      } else {
-        if (this.props.open === true) {
-          return this.icons.feedback[this.props.shape].open[this.props.iconSet];
-        } else {
-          return this.icons.feedback[this.props.shape][this.props.iconSet];
-        }
       }
-    }
-  }
-  IconBase.__initStatic();
-  IconBase.propTypes = {
-    iconSet: PropTypes$f.oneOf(['emoji', 'check']),
-    shape: PropTypes$f.oneOf(['round', 'square']),
-    category: PropTypes$f.oneOf(['feedback', undefined]),
-    open: PropTypes$f.bool
-  };
-  IconBase.defaultProps = {
-    iconSet: 'check',
-    shape: 'round',
-    category: undefined,
-    open: false
-  };
-  return IconBase;
-};
-const PropTypes$e = _dll_prop_types;
-const React$f = _dll_react;
-const {withStyles: withStyles$d} = _dll_material_ui__core_styles;
-const _jsxFileName$e = "/home/circleci/repo/node_modules/@pie-lib/icons/src/correct-icon.jsx";
-const styles$7 = getStyles('correct', '#f8ffe2', '#4aaf46');
-const Emoji$3 = ({className}) => React$f.createElement('g', {
-  transform: 'translate(1, 0)',
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$e,
-    lineNumber: 10
-  }
-}, React$f.createElement('path', {
-  className: className,
-  d: "M24.7,22.1c-1.5,1.7-3.6,2.7-5.8,2.7s-4.5-1.1-5.8-2.7l-2.8,1.6c2,2.7,5.2,4.2,8.7,4.2 c3.4,0,6.6-1.6,8.7-4.2L24.7,22.1z",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$e,
-    lineNumber: 11
-  }
-}), React$f.createElement('rect', {
-  x: "21.1",
-  y: "13.1",
-  className: className,
-  width: "3.7",
-  height: "4.7",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$e,
-    lineNumber: 16
-  }
-}), React$f.createElement('rect', {
-  x: "12.7",
-  y: "13.1",
-  className: className,
-  width: "3.7",
-  height: "4.7",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$e,
-    lineNumber: 17
-  }
-}));
-Emoji$3.propTypes = {
-  className: PropTypes$e.string
-};
-Emoji$3.defaultProps = {
-  x: 0
-};
-const Check$1 = ({className, x, y}) => React$f.createElement('polygon', {
-  transform: `translate(${x}, ${y})`,
-  className: className,
-  points: "19.1,28.6 11.8,22.3 14.4,19.2 17.9,22.1 23.9,11.4 27.5,13.4",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$e,
-    lineNumber: 30
-  }
-});
-Check$1.propTypes = {
-  x: PropTypes$e.number,
-  y: PropTypes$e.number,
-  className: PropTypes$e.string
-};
-Check$1.defaultProps = {
-  x: 0,
-  y: 0
-};
-const Correct = IconBase(Check$1, Emoji$3);
-Correct.propTypes = {
-  iconSet: PropTypes$e.oneOf(['emoji', 'check']),
-  shape: PropTypes$e.oneOf(['round', 'square']),
-  category: PropTypes$e.oneOf(['feedback', undefined]),
-  open: PropTypes$e.bool
-};
-Correct.defaultProps = {
-  iconSet: 'check',
-  shape: 'round',
-  category: undefined,
-  open: false
-};
-withStyles$d(styles$7)(Correct);
-const PropTypes$d = _dll_prop_types;
-const React$e = _dll_react;
-const classNames$5 = _dll_classnames;
-const {withStyles: withStyles$c} = _dll_material_ui__core_styles;
-const _jsxFileName$d = "/home/circleci/repo/node_modules/@pie-lib/icons/src/correct-response-icon.jsx";
-const OpenIcon = ({bg, fg}) => React$e.createElement('svg', {
-  preserveAspectRatio: "xMinYMin meet",
-  version: "1.1",
-  id: "Layer_1",
-  x: "0px",
-  y: "0px",
-  viewBox: "-283 359 34 35",
-  style: {
-    enableBackground: 'new -283 359 34 35'
-  },
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$d,
-    lineNumber: 7
-  }
-}, React$e.createElement('circle', {
-  className: bg,
-  cx: "-266",
-  cy: "375.9",
-  r: "14",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$d,
-    lineNumber: 16
-  }
-}), React$e.createElement('path', {
-  className: bg,
-  d: "M-280.5,375.9c0-8,6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5s-6.5,14.5-14.5,14.5S-280.5,383.9-280.5,375.9z M-279.5,375.9c0,7.4,6.1,13.5,13.5,13.5c7.4,0,13.5-6.1,13.5-13.5s-6.1-13.5-13.5-13.5C-273.4,362.4-279.5,368.5-279.5,375.9z",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$d,
-    lineNumber: 17
+      return target;
+    });
+    return _extends.apply(this, arguments);
   }
-}), React$e.createElement('polygon', {
-  className: fg,
-  points: "-265.4,383.1 -258.6,377.2 -261.2,374.2 -264.3,376.9 -268.9,368.7 -272.4,370.6         ",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$d,
-    lineNumber: 22
+  function _inheritsLoose(subClass, superClass) {
+    subClass.prototype = Object.create(superClass.prototype);
+    subClass.prototype.constructor = subClass;
+    subClass.__proto__ = superClass;
   }
-}));
-OpenIcon.propTypes = {
-  bg: PropTypes$d.string,
-  fg: PropTypes$d.string
-};
-const CloseIcon = ({bg, fg, border}) => React$e.createElement('svg', {
-  preserveAspectRatio: "xMinYMin meet",
-  version: "1.1",
-  x: "0px",
-  y: "0px",
-  viewBox: "-129.5 127 34 35",
-  style: {
-    enableBackground: 'new -129.5 127 34 35'
-  },
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$d,
-    lineNumber: 35
-  }
-}, React$e.createElement('path', {
-  style: {
-    fill: '#D0CAC5',
-    stroke: '#E6E3E0',
-    strokeWidth: 0.75,
-    strokeMiterlimit: 10
-  },
-  d: "M-112.9,160.4c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5 C-97.4,153.5-104.3,160.4-112.9,160.4z",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$d,
-    lineNumber: 43
-  }
-}), React$e.createElement('path', {
-  style: {
-    fill: '#B3ABA4',
-    stroke: '#CDC7C2',
-    strokeWidth: 0.5,
-    strokeMiterlimit: 10
-  },
-  d: "M-113.2,159c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105.2,159-113.2,159z",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$d,
-    lineNumber: 53
-  }
-}), React$e.createElement('circle', {
-  className: bg,
-  cx: "-114.2",
-  cy: "143.5",
-  r: "14",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$d,
-    lineNumber: 62
-  }
-}), React$e.createElement('path', {
-  className: border,
-  d: "M-114.2,158c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-106.2,158-114.2,158z M-114.2,130c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-106.8,130-114.2,130z",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$d,
-    lineNumber: 63
-  }
-}), React$e.createElement('polygon', {
-  className: fg,
-  points: "-114.8,150.7 -121.6,144.8 -119,141.8 -115.9,144.5 -111.3,136.3 -107.8,138.2",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$d,
-    lineNumber: 68
-  }
-}));
-CloseIcon.propTypes = {
-  bg: PropTypes$d.string,
-  fg: PropTypes$d.string,
-  border: PropTypes$d.string
-};
-const styles$6 = {
-  root: {
-    width: props => props.size || '25px',
-    height: props => props.size || '25px'
-  },
-  hideIconBg: {
-    fill: '#bce2ff'
-  },
-  hideIconFg: {
-    fill: '#1a9cff'
-  },
-  showIconBg: {
-    fill: 'white'
-  },
-  showIconFg: {
-    fill: '#1a9cff'
-  },
-  showIconBorder: {
-    fill: '#bce2ff'
-  }
-};
-const CorrectResponse = ({open, classes, className}) => React$e.createElement('div', {
-  className: classNames$5(className, classes.root),
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$d,
-    lineNumber: 104
-  }
-}, open ? React$e.createElement(OpenIcon, {
-  bg: classes.hideIconBg,
-  fg: classes.hideIconFg,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$d,
-    lineNumber: 106
-  }
-}) : React$e.createElement(CloseIcon, {
-  bg: classes.showIconBg,
-  border: classes.showIconBorder,
-  fg: classes.showIconFg,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$d,
-    lineNumber: 108
-  }
-}));
-CorrectResponse.propTypes = {
-  classes: PropTypes$d.object.isRequired,
-  open: PropTypes$d.bool,
-  size: PropTypes$d.string,
-  className: PropTypes$d.string
-};
-CorrectResponse.defaultProps = {
-  open: false
-};
-var CorrectResponse$1 = withStyles$c(styles$6)(CorrectResponse);
-const PropTypes$c = _dll_prop_types;
-const React$d = _dll_react;
-const {withStyles: withStyles$b} = _dll_material_ui__core_styles;
-const _jsxFileName$c = "/home/circleci/repo/node_modules/@pie-lib/icons/src/incorrect-icon.jsx";
-const Ex = ({className}) => React$d.createElement('g', {
-  transform: 'translate(0.5, 0.5)',
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$c,
-    lineNumber: 8
-  }
-}, React$d.createElement('rect', {
-  x: "11",
-  y: "17.3",
-  transform: "matrix(0.7071 -0.7071 0.7071 0.7071 -7.852 19.2507)",
-  className: className,
-  width: "16.6",
-  height: "3.7",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$c,
-    lineNumber: 9
-  }
-}), React$d.createElement('rect', {
-  x: "17.4",
-  y: "10.7",
-  transform: "matrix(0.7071 -0.7071 0.7071 0.7071 -7.8175 19.209)",
-  className: className,
-  width: "3.7",
-  height: "16.6",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$c,
-    lineNumber: 17
-  }
-}));
-Ex.propTypes = {
-  className: PropTypes$c.string
-};
-const Emoji$2 = ({className}) => React$d.createElement('g', {
-  transform: 'translate(1,0)',
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$c,
-    lineNumber: 32
-  }
-}, React$d.createElement('rect', {
-  x: "21",
-  y: "12.9",
-  className: className,
-  width: "3.7",
-  height: "4.7",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$c,
-    lineNumber: 33
-  }
-}), React$d.createElement('rect', {
-  x: "12.7",
-  y: "12.9",
-  className: className,
-  width: "3.7",
-  height: "4.7",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$c,
-    lineNumber: 34
-  }
-}), React$d.createElement('rect', {
-  x: "12.2",
-  y: "22.5",
-  className: className,
-  width: "13",
-  height: "3.3",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$c,
-    lineNumber: 35
-  }
-}));
-Emoji$2.propTypes = {
-  className: PropTypes$c.string
-};
-const styles$5 = getStyles('incorrect', '#fbf2e3', '#fcb733');
-const Incorrect = IconBase(Ex, Emoji$2);
-withStyles$b(styles$5)(Incorrect);
-Incorrect.propTypes = {
-  iconSet: PropTypes$c.oneOf(['emoji', 'check']),
-  shape: PropTypes$c.oneOf(['round', 'square']),
-  category: PropTypes$c.oneOf(['feedback', undefined]),
-  open: PropTypes$c.bool
-};
-Incorrect.defaultProps = {
-  iconSet: 'check',
-  shape: 'round',
-  category: undefined,
-  open: false
-};
-const PropTypes$b = _dll_prop_types;
-const React$c = _dll_react;
-const _jsxFileName$b = "/home/circleci/repo/node_modules/@pie-lib/icons/src/instructions-icon.jsx";
-const Lines = () => {
-  const style = {
-    fill: 'none',
-    stroke: '#BCE2FF',
-    strokeWidth: 2,
-    strokeMiterlimit: 10
-  };
-  return React$c.createElement('g', {
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$b,
-      lineNumber: 13
-    }
-  }, React$c.createElement('line', {
-    style: style,
-    x1: "-98",
-    y1: "142",
-    x2: "-114.6",
-    y2: "142",
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$b,
-      lineNumber: 14
-    }
-  }), React$c.createElement('line', {
-    style: style,
-    x1: "-98",
-    y1: "146.3",
-    x2: "-114.6",
-    y2: "146.3",
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$b,
-      lineNumber: 15
-    }
-  }), React$c.createElement('line', {
-    style: style,
-    x1: "-104",
-    y1: "150.7",
-    x2: "-114.6",
-    y2: "150.7",
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$b,
-      lineNumber: 16
-    }
-  }));
-};
-const Root$2 = ({children, size}) => React$c.createElement(Sized, {
-  size: size,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$b,
-    lineNumber: 22
-  }
-}, React$c.createElement('svg', {
-  version: "1.1",
-  viewBox: "-128 129 31 31",
-  style: {
-    enableBackground: 'new -128 129 31 31'
-  },
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$b,
-    lineNumber: 23
-  }
-}, children));
-Root$2.propTypes = {
-  children: PropTypes$b.oneOfType([PropTypes$b.arrayOf(PropTypes$b.node), PropTypes$b.node]).isRequired,
-  size: PropTypes$b.number
-};
-const GreyInfo = () => {
-  return React$c.createElement('g', {
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$b,
-      lineNumber: 36
-    }
-  }, React$c.createElement('rect', {
-    x: "-123.9",
-    y: "135.3",
-    style: {
-      fill: '#D0CAC5',
-      stroke: '#E6E3E0',
-      strokeWidth: 0.75,
-      strokeLinejoin: 'round',
-      strokeMiterlimit: 10
-    },
-    width: "4.1",
-    height: "4.1",
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$b,
-      lineNumber: 37
-    }
-  }), React$c.createElement('polygon', {
-    style: {
-      fill: '#D0CAC5',
-      stroke: '#E6E3E0',
-      strokeWidth: 0.75,
-      strokeLinejoin: 'round',
-      strokeMiterlimit: 10
-    },
-    points: "-119.8,150.4 -119.8,142.2 -125,142.2 -125,144.9 -122.6,144.9 -122.6,150.4 -125.6,150.4  -125.6,153.2 -116.8,153.2 -116.8,150.4        ",
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$b,
-      lineNumber: 50
-    }
-  }), React$c.createElement('rect', {
-    x: "-124.7",
-    y: "134.7",
-    style: {
-      fill: '#B3ABA4',
-      stroke: '#CDC7C2',
-      strokeWidth: 0.5,
-      strokeLinecap: 'round',
-      strokeLinejoin: 'round',
-      strokeMiterlimit: 10
-    },
-    width: "4.1",
-    height: "4.1",
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$b,
-      lineNumber: 61
-    }
-  }), React$c.createElement('polygon', {
-    style: {
-      fill: '#B3ABA4',
-      stroke: '#CDC7C2',
-      strokeWidth: 0.5,
-      strokeLinecap: 'round',
-      strokeLinejoin: 'round',
-      strokeMiterlimit: 10
-    },
-    points: "-120.6,149.8 -120.6,141.5 -125.8,141.5 -125.8,144.3 -123.3,144.3 -123.3,149.8 -126.4,149.8  -126.4,152.5 -117.6,152.5 -117.6,149.8        ",
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$b,
-      lineNumber: 76
-    }
-  }), React$c.createElement('rect', {
-    x: "-125.5",
-    y: "134",
-    style: {
-      fill: '#7FABC6'
-    },
-    width: "4.1",
-    height: "4.1",
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$b,
-      lineNumber: 88
-    }
-  }), React$c.createElement('polygon', {
-    style: {
-      fill: '#7FABC6'
-    },
-    points: "-121.4,149.1 -121.4,140.9 -126.5,140.9 -126.5,143.6 -124.1,143.6 -124.1,149.1 -127.1,149.1  -127.1,151.9 -118.4,151.9 -118.4,149.1        ",
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$b,
-      lineNumber: 89
-    }
-  }));
-};
-const BlueInfo = () => React$c.createElement('g', {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$b,
-    lineNumber: 99
-  }
-}, React$c.createElement('rect', {
-  x: "-123.9",
-  y: "135.3",
-  style: {
-    fill: '#D0CAC5',
-    stroke: '#E6E3E0',
-    strokeWidth: 0.75,
-    strokeLinejoin: 'round',
-    strokeMiterlimit: 10
-  },
-  width: "4.1",
-  height: "4.1",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$b,
-    lineNumber: 100
-  }
-}), React$c.createElement('polygon', {
-  style: {
-    fill: '#D0CAC5',
-    stroke: '#E6E3E0',
-    strokeWidth: 0.75,
-    strokeLinejoin: 'round',
-    strokeMiterlimit: 10
-  },
-  points: "-119.8,150.4 -119.8,142.2 -125,142.2 -125,144.9 -122.6,144.9 -122.6,150.4 -125.6,150.4  -125.6,153.2 -116.8,153.2 -116.8,150.4        ",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$b,
-    lineNumber: 113
-  }
-}), React$c.createElement('rect', {
-  x: "-124.7",
-  y: "134.7",
-  style: {
-    fill: '#B3ABA4',
-    stroke: '#CDC7C2',
-    strokeWidth: 0.5,
-    strokeLinecap: 'round',
-    strokeLinejoin: 'round',
-    strokeMiterlimit: 10
-  },
-  width: "4.1",
-  height: "4.1",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$b,
-    lineNumber: 124
-  }
-}), React$c.createElement('polygon', {
-  style: {
-    fill: '#B3ABA4',
-    stroke: '#CDC7C2',
-    strokeWidth: 0.5,
-    strokeLinecap: 'round',
-    strokeLinejoin: 'round',
-    strokeMiterlimit: 10
-  },
-  points: "-120.6,149.8 -120.6,141.5 -125.8,141.5 -125.8,144.3 -123.3,144.3 -123.3,149.8 -126.4,149.8  -126.4,152.5 -117.6,152.5 -117.6,149.8        ",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$b,
-    lineNumber: 138
-  }
-}), React$c.createElement('rect', {
-  x: "-125.5",
-  y: "134",
-  style: {
-    fill: '#1A9CFF'
-  },
-  width: "4.1",
-  height: "4.1",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$b,
-    lineNumber: 150
-  }
-}), React$c.createElement('polygon', {
-  style: {
-    fill: '#1A9CFF'
-  },
-  points: "-121.4,149.1 -121.4,140.9 -126.5,140.9 -126.5,143.6 -124.1,143.6 -124.1,149.1 -127.1,149.1  -127.1,151.9 -118.4,151.9 -118.4,149.1        ",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$b,
-    lineNumber: 151
-  }
-}));
-class Instructions extends React$c.Component {
-  constructor(props) {
-    super(props);
-  }
-  render() {
-    if (this.props.open === true) {
-      return React$c.createElement(Root$2, {
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$b,
-          lineNumber: 167
-        }
-      }, React$c.createElement(GreyInfo, {
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$b,
-          lineNumber: 168
-        }
-      }), React$c.createElement(Lines, {
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$b,
-          lineNumber: 169
-        }
-      }));
-    } else {
-      return React$c.createElement(Root$2, {
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$b,
-          lineNumber: 174
-        }
-      }, React$c.createElement(BlueInfo, {
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$b,
-          lineNumber: 175
-        }
-      }), React$c.createElement(Lines, {
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$b,
-          lineNumber: 176
-        }
-      }));
-    }
-  }
-}
-Instructions.propTypes = {
-  open: PropTypes$b.bool
-};
-Instructions.defaultProps = {
-  open: false
-};
-const PropTypes$a = _dll_prop_types;
-const React$b = _dll_react;
-const {withStyles: withStyles$a} = _dll_material_ui__core_styles;
-const _jsxFileName$a = "/home/circleci/repo/node_modules/@pie-lib/icons/src/learn-more-icon.jsx";
-const Glint = ({fill}) => React$b.createElement('path', {
-  fill: fill,
-  d: "M-130.4,142.1c0-2.1,1.7-3.9,3.9-3.9c0.3,0,0.5,0,0.8,0.1c-0.6-0.8-1.5-1.3-2.6-1.3c-1.8,0-3.3,1.5-3.3,3.3c0,1.1,0.5,2,1.3,2.6C-130.4,142.6-130.4,142.4-130.4,142.1z",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$a,
-    lineNumber: 7
-  }
-});
-Glint.propTypes = {
-  fill: PropTypes$a.string
-};
-class LearnMore extends React$b.Component {
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes$a.object.isRequired,
-      size: PropTypes$a.number
-    };
-  }
-  render() {
-    const {classes, size} = this.props;
-    if (this.props.open === true) {
-      return React$b.createElement(Sized, {
-        size: size,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$a,
-          lineNumber: 28
-        }
-      }, React$b.createElement('svg', {
-        preserveAspectRatio: "xMinYMin meet",
-        viewBox: "-135 129 16 32",
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$a,
-          lineNumber: 29
-        }
-      }, React$b.createElement('path', {
-        className: classes.hideBg,
-        d: "M-122,141.1c0-3.7-3.3-6.6-7.1-5.8c-2.4,0.5-4.3,2.4-4.7,4.8c-0.4,2.3,0.6,4.4,2.2,5.7c0.4,0.3,0.6,0.8,0.6,1.3v1.9h6.1v-1.9c0-0.5,0.2-1,0.6-1.3C-122.8,144.7-122,143-122,141.1z",
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$a,
-          lineNumber: 30
-        }
-      }), React$b.createElement('path', {
-        className: classes.hideBg,
-        d: "M-125.7,153h-4.5c-0.4,0-0.8-0.4-0.8-0.8v-1.6h6.1v1.6C-124.9,152.7-125.2,153-125.7,153z",
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$a,
-          lineNumber: 34
-        }
-      }), React$b.createElement(Glint, {
-        fill: classes.hideFg.fill,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$a,
-          lineNumber: 38
-        }
-      })));
-    } else {
-      return React$b.createElement(Sized, {
-        size: size,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$a,
-          lineNumber: 44
-        }
-      }, React$b.createElement('svg', {
-        preserveAspectRatio: "xMinYMin meet",
-        viewBox: "-135 129 16 31",
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$a,
-          lineNumber: 45
-        }
-      }, React$b.createElement('path', {
-        fill: "#D0CAC5",
-        stroke: "#E6E3E0",
-        className: "st0",
-        d: "M-120.7,142.4c0-3.7-3.3-6.6-7.1-5.8c-2.4,0.5-4.3,2.4-4.7,4.8c-0.4,2.3,0.6,4.4,2.2,5.7c0.4,0.3,0.6,0.8,0.6,1.3v1.9h6.1v-1.9c0-0.5,0.2-1,0.6-1.3C-121.6,146-120.7,144.3-120.7,142.4z",
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$a,
-          lineNumber: 46
-        }
-      }), React$b.createElement('path', {
-        fill: "#D0CAC5",
-        stroke: "#E6E3E0",
-        className: "st0",
-        d: "M-124.4,154.3h-4.5c-0.4,0-0.8-0.4-0.8-0.8v-1.6h6.1v1.6C-123.6,153.9-123.9,154.3-124.4,154.3z",
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$a,
-          lineNumber: 52
-        }
-      }), React$b.createElement('path', {
-        fill: "#B3ABA4",
-        stroke: "#CDC7C2",
-        className: "st1",
-        d: "M-121.3,141.8c0-3.7-3.3-6.6-7.1-5.8c-2.4,0.5-4.3,2.4-4.7,4.8c-0.4,2.3,0.6,4.4,2.2,5.7c0.4,0.3,0.6,0.8,0.6,1.3v1.9h6.1v-1.9c0-0.5,0.2-1,0.6-1.3C-122.2,145.3-121.3,143.7-121.3,141.8z",
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$a,
-          lineNumber: 58
-        }
-      }), ",", React$b.createElement('path', {
-        fill: "#B3ABA4",
-        stroke: "#CDC7C2",
-        className: "st1",
-        d: "M-125,153.7h-4.5c-0.4,0-0.8-0.4-0.8-0.8v-1.6h6.1v1.6C-124.2,153.3-124.6,153.7-125,153.7z",
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$a,
-          lineNumber: 65
-        }
-      }), React$b.createElement('path', {
-        className: classes.showBg,
-        d: "M-122,141.1c0-3.7-3.3-6.6-7.1-5.8c-2.4,0.5-4.3,2.4-4.7,4.8c-0.4,2.3,0.6,4.4,2.2,5.7c0.4,0.3,0.6,0.8,0.6,1.3v1.9h6.1v-1.9c0-0.5,0.2-1,0.6-1.3C-122.8,144.7-122,143-122,141.1z",
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$a,
-          lineNumber: 71
-        }
-      }), React$b.createElement('path', {
-        className: classes.showBg,
-        d: "M-125.7,153h-4.5c-0.4,0-0.8-0.4-0.8-0.8v-1.6h6.1v1.6C-124.9,152.7-125.2,153-125.7,153z",
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$a,
-          lineNumber: 75
-        }
-      }), React$b.createElement(Glint, {
-        fill: classes.hideFg.fill,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$a,
-          lineNumber: 79
-        }
-      })));
-    }
-  }
-}
-LearnMore.__initStatic();
-const styles$4 = {
-  showBg: {
-    fill: '#1a9cff'
-  },
-  hideFg: {
-    fill: '#1a9cff'
-  },
-  hideBg: {
-    fill: '#bce2ff'
-  }
-};
-LearnMore.propTypes = {
-  open: PropTypes$a.bool
-};
-LearnMore.defaultProps = {
-  open: false
-};
-withStyles$a(styles$4)(LearnMore);
-const PropTypes$9 = _dll_prop_types;
-const React$a = _dll_react;
-const {withStyles: withStyles$9} = _dll_material_ui__core_styles;
-const _jsxFileName$9 = "/home/circleci/repo/node_modules/@pie-lib/icons/src/nothing-submitted-icon.jsx";
-const Exclamation = ({className}) => React$a.createElement('g', {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$9,
-    lineNumber: 8
-  }
-}, React$a.createElement('rect', {
-  x: "19.3",
-  y: "10.3",
-  className: className,
-  width: "4.5",
-  height: "12.7",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$9,
-    lineNumber: 9
-  }
-}), React$a.createElement('rect', {
-  x: "19.3",
-  y: "26.2",
-  className: className,
-  width: "4.5",
-  height: "4.5",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$9,
-    lineNumber: 10
-  }
-}));
-const Octagon = ({className}) => React$a.createElement('polygon', {
-  className: className,
-  points: "14.8,4.5 5.6,13.8 5.6,27 14.8,36.5 28.1,36.5 37.6,27 37.6,13.8 28.1,4.5",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$9,
-    lineNumber: 15
-  }
-});
-const Emoji$1 = ({className}) => React$a.createElement('g', {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$9,
-    lineNumber: 22
-  }
-}, React$a.createElement('rect', {
-  x: "23.8",
-  y: "15",
-  className: className,
-  width: "3.5",
-  height: "4.4",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$9,
-    lineNumber: 23
-  }
-}), React$a.createElement('rect', {
-  x: "16",
-  y: "15",
-  className: className,
-  width: "3.5",
-  height: "4.4",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$9,
-    lineNumber: 24
-  }
-}), React$a.createElement('path', {
-  className: className,
-  d: "M24.2,27.1h-5.1c-0.8,0-1.5-0.7-1.5-1.5v0c0-0.8,0.7-1.5,1.5-1.5h5.1c0.8,0,1.5,0.7,1.5,1.5v0 C25.7,26.4,25,27.1,24.2,27.1z",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$9,
-    lineNumber: 25
-  }
-}));
-Emoji$1.propTypes = Octagon.propTypes = Exclamation.propTypes = {
-  className: PropTypes$9.string
-};
-const styles$3 = getStyles('nothing-submitted', 'white', '#464146');
-class NothingSubmitted extends React$a.Component {
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes$9.object.isRequired
-    };
-  }
-  constructor(props) {
-    super(props);
-    const {classes} = this.props;
-    this.icons = {
-      check: React$a.createElement(IconRoot, {
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$9,
-          lineNumber: 48
-        }
-      }, React$a.createElement(Octagon, {
-        className: classes.bg,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$9,
-          lineNumber: 49
-        }
-      }), React$a.createElement(Exclamation, {
-        className: classes.fg,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$9,
-          lineNumber: 50
-        }
-      })),
-      emoji: React$a.createElement(IconRoot, {
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$9,
-          lineNumber: 54
-        }
-      }, React$a.createElement(Octagon, {
-        className: classes.bg,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$9,
-          lineNumber: 55
-        }
-      }), React$a.createElement(Emoji$1, {
-        className: classes.fg,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$9,
-          lineNumber: 56
-        }
-      })),
-      feedback: {
-        check: React$a.createElement(IconRoot, {
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$9,
-            lineNumber: 61
-          }
-        }, React$a.createElement(Octagon, {
-          className: classes.bg,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$9,
-            lineNumber: 62
-          }
-        }), React$a.createElement(Emoji$1, {
-          className: classes.fg,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$9,
-            lineNumber: 63
-          }
-        })),
-        emoji: React$a.createElement(IconRoot, {
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$9,
-            lineNumber: 67
-          }
-        }, React$a.createElement(Octagon, {
-          className: classes.bg,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$9,
-            lineNumber: 68
-          }
-        }), React$a.createElement(Emoji$1, {
-          className: classes.fg,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$9,
-            lineNumber: 69
-          }
-        })),
-        square: {
-          check: React$a.createElement(IconRoot, {
-            __self: this,
-            __source: {
-              fileName: _jsxFileName$9,
-              lineNumber: 74
-            }
-          }, React$a.createElement(Octagon, {
-            className: classes.bg,
-            __self: this,
-            __source: {
-              fileName: _jsxFileName$9,
-              lineNumber: 75
-            }
-          }), React$a.createElement(Exclamation, {
-            className: classes.fg,
-            __self: this,
-            __source: {
-              fileName: _jsxFileName$9,
-              lineNumber: 76
-            }
-          })),
-          emoji: React$a.createElement(IconRoot, {
-            __self: this,
-            __source: {
-              fileName: _jsxFileName$9,
-              lineNumber: 80
-            }
-          }, React$a.createElement(Octagon, {
-            className: classes.bg,
-            __self: this,
-            __source: {
-              fileName: _jsxFileName$9,
-              lineNumber: 81
-            }
-          }), React$a.createElement(Emoji$1, {
-            className: classes.fg,
-            __self: this,
-            __source: {
-              fileName: _jsxFileName$9,
-              lineNumber: 82
-            }
-          })),
-          open: {
-            check: React$a.createElement(IconRoot, {
-              __self: this,
-              __source: {
-                fileName: _jsxFileName$9,
-                lineNumber: 87
-              }
-            }, React$a.createElement(Exclamation, {
-              className: classes.bg,
-              __self: this,
-              __source: {
-                fileName: _jsxFileName$9,
-                lineNumber: 88
-              }
-            })),
-            emoji: React$a.createElement(IconRoot, {
-              __self: this,
-              __source: {
-                fileName: _jsxFileName$9,
-                lineNumber: 92
-              }
-            }, React$a.createElement(Emoji$1, {
-              className: classes.bg,
-              __self: this,
-              __source: {
-                fileName: _jsxFileName$9,
-                lineNumber: 93
-              }
-            }))
-          }
-        }
-      }
-    };
-  }
-  render() {
-    if (this.props.category === undefined) {
-      return this.icons[this.props.iconSet];
-    } else {
-      if (this.props.shape === undefined) {
-        return this.icons.feedback[this.props.iconSet];
-      } else {
-        if (this.props.open === true) {
-          return this.icons.feedback.square.open[this.props.iconSet];
-        } else {
-          return this.icons.feedback.square[this.props.iconSet];
-        }
-      }
-    }
-  }
-}
-NothingSubmitted.__initStatic();
-NothingSubmitted.propTypes = {
-  iconSet: PropTypes$9.oneOf(['emoji', 'check', undefined]),
-  shape: PropTypes$9.oneOf(['square', undefined]),
-  category: PropTypes$9.oneOf(['feedback', undefined]),
-  open: PropTypes$9.bool
-};
-NothingSubmitted.defaultProps = {
-  iconSet: 'check',
-  shape: undefined,
-  category: undefined,
-  open: false
-};
-withStyles$9(styles$3)(NothingSubmitted);
-const PropTypes$8 = _dll_prop_types;
-const React$9 = _dll_react;
-const {withStyles: withStyles$8} = _dll_material_ui__core_styles;
-const _jsxFileName$8 = "/home/circleci/repo/node_modules/@pie-lib/icons/src/partially-correct-icon.jsx";
-const styles$2 = getStyles('partially-correct', '#4aaf46', '#c1e1ac');
-const Check = ({className}) => React$9.createElement('g', {
-  transform: 'translate(0, 0)',
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$8,
-    lineNumber: 10
-  }
-}, React$9.createElement('polygon', {
-  className: className,
-  points: "27.5,13.4 23.9,11.4 15.9,25.8 19.1,28.6",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$8,
-    lineNumber: 11
-  }
-}), React$9.createElement('polygon', {
-  className: className,
-  points: "16.2,20.6 14.4,19.2 11.8,22.3 14.1,24.3",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$8,
-    lineNumber: 12
-  }
-}));
-const Emoji = ({className}) => React$9.createElement('g', {
-  transform: 'translate(2, 0)',
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$8,
-    lineNumber: 17
-  }
-}, React$9.createElement('rect', {
-  x: "20.6",
-  y: "11.8",
-  className: className,
-  width: "4",
-  height: "5",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$8,
-    lineNumber: 18
-  }
-}), React$9.createElement('rect', {
-  x: "11.5",
-  y: "11.8",
-  className: className,
-  width: "4",
-  height: "5",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$8,
-    lineNumber: 19
-  }
-}), React$9.createElement('rect', {
-  x: "10.9",
-  y: "22.9",
-  transform: "matrix(0.9794 -0.2019 0.2019 0.9794 -4.6237 4.1559)",
-  className: className,
-  width: "14.3",
-  height: "3.7",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$8,
-    lineNumber: 20
-  }
-}));
-Emoji.propTypes = Check.propTypes = {
-  className: PropTypes$8.string
-};
-const PartiallyCorrect = IconBase(Check, Emoji);
-PartiallyCorrect.propTypes = {
-  iconSet: PropTypes$8.oneOf(['emoji', 'check']),
-  shape: PropTypes$8.oneOf(['round', 'square']),
-  category: PropTypes$8.oneOf(['feedback', undefined]),
-  open: PropTypes$8.bool
-};
-PartiallyCorrect.defaultProps = {
-  iconSet: 'check',
-  shape: 'round',
-  category: undefined,
-  open: false
-};
-withStyles$8(styles$2)(PartiallyCorrect);
-const PropTypes$7 = _dll_prop_types;
-const React$8 = _dll_react;
-const {withStyles: withStyles$7} = _dll_material_ui__core_styles;
-const _jsxFileName$7 = "/home/circleci/repo/node_modules/@pie-lib/icons/src/show-rationale-icon.jsx";
-const Info = ({fg}) => React$8.createElement('g', {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$7,
-    lineNumber: 7
-  }
-}, React$8.createElement('rect', {
-  x: "-115",
-  y: "136.7",
-  className: fg,
-  width: "3",
-  height: "3",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$7,
-    lineNumber: 8
-  }
-}), React$8.createElement('polygon', {
-  className: fg,
-  points: "-112,147.7 -112,141.7 -115.8,141.7 -115.8,143.7 -114,143.7 -114,147.7 -116.2,147.7 -116.2,149.7 -109.8,149.7 -109.8,147.7",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$7,
-    lineNumber: 9
-  }
-}));
-Info.propTypes = {
-  fg: PropTypes$7.string
-};
-const Border = ({className}) => React$8.createElement('path', {
-  className: className,
-  d: "M-113,158.5c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105,158.5-113,158.5zM-113,130.5c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-105.6,130.5-113,130.5z",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$7,
-    lineNumber: 21
-  }
-});
-Border.propTypes = {
-  className: PropTypes$7.string
-};
-const Circle = () => React$8.createElement('g', {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$7,
-    lineNumber: 30
-  }
-}, React$8.createElement('path', {
-  style: {
-    fill: '#D0CAC5',
-    stroke: '#E6E3E0',
-    strokeWidth: 0.75,
-    strokeMiterlimit: 10
-  },
-  d: "M-111.7,160.9c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5C-96.2,154-103.1,160.9-111.7,160.9z",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$7,
-    lineNumber: 31
-  }
-}), React$8.createElement('path', {
-  style: {
-    fill: '#B3ABA4',
-    stroke: '#CDC7C2',
-    strokeWidth: 0.5,
-    strokeMiterlimit: 10
-  },
-  d: "M-112,159.5c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-104,159.5-112,159.5z",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$7,
-    lineNumber: 40
-  }
-}), React$8.createElement('circle', {
-  style: {
-    fill: '#FFFFFF'
-  },
-  cx: "-113",
-  cy: "144",
-  r: "14",
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$7,
-    lineNumber: 49
-  }
-}));
-const Root$1 = ({children, size}) => {
-  size = normalizeSize(size);
-  const style = {
-    height: size,
-    width: size,
-    display: 'inline-block',
-    position: 'relative'
-  };
-  return React$8.createElement('div', {
-    style: style,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$7,
-      lineNumber: 63
-    }
-  }, React$8.createElement('svg', {
-    preserveAspectRatio: "xMinYMin meet",
-    viewBox: "-129 128 34 34",
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$7,
-      lineNumber: 64
-    }
-  }, children));
-};
-Root$1.propTypes = {
-  children: PropTypes$7.oneOfType([PropTypes$7.arrayOf(PropTypes$7.node), PropTypes$7.node]).isRequired,
-  size: PropTypes$7.number
-};
-const styles$1 = {
-  fg: {
-    fill: '#1a9cff'
-  },
-  bg: {
-    fill: '#bce2ff'
-  },
-  border: {
-    fill: '#bbe3fd'
-  },
-  whiteBorder: {
-    fill: 'white'
-  }
-};
-class ShowRationale extends React$8.Component {
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes$7.object.isRequired
-    };
-  }
-  constructor(props) {
-    super(props);
-  }
-  render() {
-    const {classes} = this.props;
-    const info = React$8.createElement(Info, {
-      fg: classes.fg,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 102
-      }
-    });
-    const icons = {
-      check: React$8.createElement(Root$1, {
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$7,
-          lineNumber: 105
-        }
-      }, React$8.createElement(Circle, {
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$7,
-          lineNumber: 106
-        }
-      }), info, React$8.createElement(Border, {
-        className: classes.border,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$7,
-          lineNumber: 108
-        }
-      })),
-      emoji: React$8.createElement(Root$1, {
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$7,
-          lineNumber: 112
-        }
-      }, React$8.createElement(Circle, {
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$7,
-          lineNumber: 113
-        }
-      }), info, React$8.createElement(Border, {
-        className: classes.border,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$7,
-          lineNumber: 115
-        }
-      })),
-      open: {
-        check: React$8.createElement(Root$1, {
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$7,
-            lineNumber: 120
-          }
-        }, React$8.createElement('circle', {
-          style: {
-            fill: '#FFFFFF'
-          },
-          cx: "-113",
-          cy: "144",
-          r: "14",
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$7,
-            lineNumber: 121
-          }
-        }), React$8.createElement(Info, {
-          fg: classes.bg,
-          border: classes.whiteBorder,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$7,
-            lineNumber: 122
-          }
-        })),
-        emoji: React$8.createElement(Root$1, {
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$7,
-            lineNumber: 126
-          }
-        }, React$8.createElement('circle', {
-          style: {
-            fill: '#FFFFFF'
-          },
-          cx: "-113",
-          cy: "144",
-          r: "14",
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$7,
-            lineNumber: 127
-          }
-        }), React$8.createElement(Info, {
-          fg: classes.bg,
-          border: classes.border,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$7,
-            lineNumber: 128
-          }
-        }))
-      }
-    };
-    if (this.props.open === true) {
-      return icons.open[this.props.iconSet];
-    } else {
-      return icons[this.props.iconSet];
-    }
-  }
-}
-ShowRationale.__initStatic();
-ShowRationale.propTypes = {
-  iconSet: PropTypes$7.oneOf(['emoji', 'check']),
-  open: PropTypes$7.bool
-};
-ShowRationale.defaultProps = {
-  iconSet: 'check',
-  open: false
-};
-withStyles$7(styles$1)(ShowRationale);
-var ReplaceTransition = {
-  exports: {}
-};
-var TransitionGroup = {
-  exports: {}
-};
-var ChildMapping = {};
-const require$$0$2 = _dll_react;
-ChildMapping.__esModule = true;
-ChildMapping.getChildMapping = getChildMapping;
-ChildMapping.mergeChildMappings = mergeChildMappings;
-ChildMapping.getInitialChildMapping = getInitialChildMapping;
-ChildMapping.getNextChildMapping = getNextChildMapping;
-var _react = require$$0$2;
-function getChildMapping(children, mapFn) {
-  var mapper = function mapper(child) {
-    return mapFn && (0, _react.isValidElement)(child) ? mapFn(child) : child;
-  };
-  var result = Object.create(null);
-  if (children) _react.Children.map(children, function (c) {
-    return c;
-  }).forEach(function (child) {
-    result[child.key] = mapper(child);
-  });
-  return result;
-}
-function mergeChildMappings(prev, next) {
-  prev = prev || ({});
-  next = next || ({});
-  function getValueForKey(key) {
-    return (key in next) ? next[key] : prev[key];
-  }
-  var nextKeysPending = Object.create(null);
-  var pendingKeys = [];
-  for (var prevKey in prev) {
-    if ((prevKey in next)) {
-      if (pendingKeys.length) {
-        nextKeysPending[prevKey] = pendingKeys;
-        pendingKeys = [];
-      }
-    } else {
-      pendingKeys.push(prevKey);
-    }
-  }
-  var i;
-  var childMapping = {};
-  for (var nextKey in next) {
-    if (nextKeysPending[nextKey]) {
-      for (i = 0; i < nextKeysPending[nextKey].length; i++) {
-        var pendingNextKey = nextKeysPending[nextKey][i];
-        childMapping[nextKeysPending[nextKey][i]] = getValueForKey(pendingNextKey);
-      }
-    }
-    childMapping[nextKey] = getValueForKey(nextKey);
-  }
-  for (i = 0; i < pendingKeys.length; i++) {
-    childMapping[pendingKeys[i]] = getValueForKey(pendingKeys[i]);
-  }
-  return childMapping;
-}
-function getProp(child, prop, props) {
-  return props[prop] != null ? props[prop] : child.props[prop];
-}
-function getInitialChildMapping(props, onExited) {
-  return getChildMapping(props.children, function (child) {
-    return (0, _react.cloneElement)(child, {
-      onExited: onExited.bind(null, child),
-      in: true,
-      appear: getProp(child, 'appear', props),
-      enter: getProp(child, 'enter', props),
-      exit: getProp(child, 'exit', props)
-    });
-  });
-}
-function getNextChildMapping(nextProps, prevChildMapping, onExited) {
-  var nextChildMapping = getChildMapping(nextProps.children);
-  var children = mergeChildMappings(prevChildMapping, nextChildMapping);
-  Object.keys(children).forEach(function (key) {
-    var child = children[key];
-    if (!(0, _react.isValidElement)(child)) return;
-    var hasPrev = (key in prevChildMapping);
-    var hasNext = (key in nextChildMapping);
-    var prevChild = prevChildMapping[key];
-    var isLeaving = (0, _react.isValidElement)(prevChild) && !prevChild.props.in;
-    if (hasNext && (!hasPrev || isLeaving)) {
-      children[key] = (0, _react.cloneElement)(child, {
-        onExited: onExited.bind(null, child),
-        in: true,
-        exit: getProp(child, 'exit', nextProps),
-        enter: getProp(child, 'enter', nextProps)
-      });
-    } else if (!hasNext && hasPrev && !isLeaving) {
-      children[key] = (0, _react.cloneElement)(child, {
-        in: false
-      });
-    } else if (hasNext && hasPrev && (0, _react.isValidElement)(prevChild)) {
-      children[key] = (0, _react.cloneElement)(child, {
-        onExited: onExited.bind(null, child),
-        in: prevChild.props.in,
-        exit: getProp(child, 'exit', nextProps),
-        enter: getProp(child, 'enter', nextProps)
-      });
-    }
-  });
-  return children;
-}
-const require$$0$1 = _dll_prop_types;
-const require$$1$1 = _dll_react;
-(function (module, exports) {
-  exports.__esModule = true;
-  exports.default = void 0;
-  var _propTypes = _interopRequireDefault(require$$0$1);
-  var _react = _interopRequireDefault(require$$1$1);
-  var _reactLifecyclesCompat = require$$2$2;
-  var _ChildMapping = ChildMapping;
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-  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;
-  }
-  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 _inheritsLoose(subClass, superClass) {
-    subClass.prototype = Object.create(superClass.prototype);
-    subClass.prototype.constructor = subClass;
-    subClass.__proto__ = superClass;
-  }
-  function _assertThisInitialized(self) {
-    if (self === void 0) {
-      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-    return self;
+  function _assertThisInitialized(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
   }
   var values = Object.values || (function (obj) {
     return Object.keys(obj).map(function (k) {
@@ -3086,7 +1065,7 @@ const require$$2 = _dll_react_dom;
   module.exports = exports["default"];
 })(ReplaceTransition, ReplaceTransition.exports);
 getDefaultExportFromCjs(ReplaceTransition.exports);
-var _CSSTransition = _interopRequireDefault(CSSTransition$1.exports);
+var _CSSTransition = _interopRequireDefault(CSSTransition.exports);
 var _ReplaceTransition = _interopRequireDefault(ReplaceTransition.exports);
 var _TransitionGroup = _interopRequireDefault(TransitionGroup.exports);
 var _Transition = _interopRequireDefault(Transition$1);
@@ -3101,207 +1080,6 @@ var reactTransitionGroup = {
   ReplaceTransition: _ReplaceTransition.default,
   CSSTransition: _CSSTransition.default
 };
-const React$7 = _dll_react;
-const PropTypes$6 = _dll_prop_types;
-const {withStyles: withStyles$6} = _dll_material_ui__core_styles;
-const _jsxFileName$6 = "/home/circleci/repo/node_modules/@pie-lib/correct-answer-toggle/src/expander.jsx";
-const Expander = props => {
-  const {classes, show, children} = props;
-  return React$7.createElement(reactTransitionGroup.CSSTransition, {
-    in: show,
-    appear: true,
-    mountOnEnter: false,
-    timeout: 300,
-    classNames: {
-      ...classes
-    },
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$6,
-      lineNumber: 10
-    }
-  }, React$7.createElement('div', {
-    className: classes.expander,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$6,
-      lineNumber: 17
-    }
-  }, children));
-};
-Expander.propTypes = {
-  show: PropTypes$6.bool.isRequired,
-  className: PropTypes$6.string,
-  classes: PropTypes$6.object,
-  children: PropTypes$6.oneOfType([PropTypes$6.arrayOf(PropTypes$6.node), PropTypes$6.node]).isRequired
-};
-const transition = 'height ease-in 300ms, opacity ease-in 300ms';
-var Expander$1 = withStyles$6(() => ({
-  expander: {
-    position: 'relative',
-    height: 0,
-    overflow: 'hidden',
-    display: 'flex',
-    visibility: 'hidden',
-    width: 0
-  },
-  enter: {
-    transition,
-    opacity: 1,
-    height: '25px',
-    width: 'auto',
-    visibility: 'visible'
-  },
-  enterDone: {
-    height: '25px',
-    visibility: 'visible',
-    width: 'auto'
-  },
-  exit: {
-    transition,
-    opacity: 0,
-    height: 0,
-    visibility: 'visible',
-    width: 0
-  },
-  exitDone: {
-    opacity: 0,
-    visibility: 'hidden',
-    height: 0,
-    width: 0
-  }
-}))(Expander);
-const {withStyles: withStyles$5} = _dll_material_ui__core_styles;
-const {Readable: Readable} = _dll_pie_lib__render_ui;
-const React$6 = _dll_react;
-const classNames$4 = _dll_classnames;
-const PropTypes$5 = _dll_prop_types;
-const _jsxFileName$5 = "/home/circleci/repo/node_modules/@pie-lib/correct-answer-toggle/src/index.jsx";
-class CorrectAnswerToggle extends React$6.Component {
-  static __initStatic() {
-    this.propTypes = {
-      onToggle: PropTypes$5.func,
-      toggled: PropTypes$5.bool,
-      show: PropTypes$5.bool,
-      hideMessage: PropTypes$5.string,
-      showMessage: PropTypes$5.string,
-      classes: PropTypes$5.object.isRequired,
-      className: PropTypes$5.string
-    };
-  }
-  static __initStatic2() {
-    this.defaultProps = {
-      showMessage: 'Show correct answer',
-      hideMessage: 'Hide correct answer',
-      show: false,
-      toggled: false
-    };
-  }
-  constructor(props) {
-    super(props);
-    this.state = {
-      show: props.show
-    };
-  }
-  onClick() {
-    this.props.onToggle(!this.props.toggled);
-  }
-  componentWillReceiveProps(nextProps) {
-    this.setState({
-      show: nextProps.show
-    });
-  }
-  render() {
-    const {classes, className, toggled, hideMessage, showMessage} = this.props;
-    return React$6.createElement('div', {
-      className: classNames$4(classes.root, className),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 52
-      }
-    }, React$6.createElement(Expander$1, {
-      show: this.state.show,
-      className: classes.expander,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 53
-      }
-    }, React$6.createElement('div', {
-      className: classes.content,
-      onClick: this.onClick.bind(this),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 54
-      }
-    }, React$6.createElement('div', {
-      className: classes.iconHolder,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 55
-      }
-    }, React$6.createElement(CSSTransition, {
-      timeout: 400,
-      in: toggled,
-      exit: !toggled,
-      classNames: classes,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 56
-      }
-    }, React$6.createElement(CorrectResponse$1, {
-      open: toggled,
-      key: "correct-open",
-      className: classes.icon,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 57
-      }
-    })), React$6.createElement(CSSTransition, {
-      timeout: 5000,
-      in: !toggled,
-      exit: toggled,
-      classNames: classes,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 59
-      }
-    }, React$6.createElement(CorrectResponse$1, {
-      open: toggled,
-      key: "correct-closed",
-      className: classes.icon,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 60
-      }
-    }))), React$6.createElement(Readable, {
-      false: true,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 63
-      }
-    }, React$6.createElement('div', {
-      className: classes.label,
-      'aria-hidden': !this.state.show,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 64
-      }
-    }, toggled ? hideMessage : showMessage)))));
-  }
-}
-CorrectAnswerToggle.__initStatic();
-CorrectAnswerToggle.__initStatic2();
-var CorrectAnswerToggle$1 = withStyles$5(styles$8)(CorrectAnswerToggle);
 const React$5 = _dll_react;
 const {withStyles: withStyles$4} = _dll_material_ui__core_styles;
 const PropTypes$4 = _dll_prop_types;
@@ -3809,6 +1587,7 @@ var StyledChoice = withStyles$2({
 })(Choice);
 const React$2 = _dll_react;
 const PropTypes$1 = _dll_prop_types;
+const CorrectAnswerToggle = _dll_pie_lib__correct_answer_toggle;
 const classNames$1 = _dll_classnames;
 const {withStyles: withStyles$1} = _dll_material_ui__core_styles;
 const {color: color} = _dll_pie_lib__render_ui;
@@ -3973,7 +1752,7 @@ class MultipleChoice$1 extends React$2.Component {
         fileName: _jsxFileName$1,
         lineNumber: 168
       }
-    })), !alwaysShowCorrect && React$2.createElement(CorrectAnswerToggle$1, {
+    })), !alwaysShowCorrect && React$2.createElement(CorrectAnswerToggle, {
       show: showCorrectAnswerToggle,
       toggled: showCorrect,
       onToggle: this.onToggle.bind(this),