@pie-element/passage 1.7.4 → 1.7.5

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.7.5](https://github.com/pie-framework/pie-elements/compare/@pie-element/passage@1.7.4...@pie-element/passage@1.7.5) (2021-12-13)
+
+**Note:** Version bump only for package @pie-element/passage
+
+
+
+
+
 ## [1.7.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/passage@1.7.1...@pie-element/passage@1.7.2) (2021-11-29)
 
 **Note:** Version bump only for package @pie-element/passage

package/module/element.js

@@ -1,5 +1,5 @@
-import {_dll_prop_types, _dll_react, _dll_material_ui__core_styles, _dll_classnames, _dll_react_dom, _dll_material_ui__core, _dll_debug, _dll_material_ui__core_collapse_index} from "../../../@pie-lib/shared-module@^1.2.13/module/index.js";
-import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.16/module/index.js";
+import {_dll_prop_types, _dll_react, _dll_material_ui__core_styles, _dll_classnames, _dll_react_dom, _dll_material_ui__core, _dll_debug, _dll_material_ui__core_collapse_index} from "../../../@pie-lib/shared-module@^1.2.14/module/index.js";
+import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.17/module/index.js";
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
@@ -58,7 +58,7 @@ SessionChangedEvent.TYPE = 'session-changed';
 lib.SessionChangedEvent = SessionChangedEvent;
 const React$k = _dll_react;
 const PropTypes$m = _dll_prop_types;
-const _jsxFileName$i = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/icons/src/sized.jsx";
+const _jsxFileName$i = "/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';
 };
@@ -85,7 +85,7 @@ Sized.propTypes = {
 };
 const React$j = _dll_react;
 const PropTypes$l = _dll_prop_types;
-const _jsxFileName$h = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/icons/src/icon-root.jsx";
+const _jsxFileName$h = "/home/circleci/repo/node_modules/@pie-lib/icons/src/icon-root.jsx";
 const IconRoot = ({size, children}) => React$j.createElement(Sized, {
   size: size,
   __self: undefined,
@@ -181,7 +181,7 @@ Square.propTypes = {
 };
 const PropTypes$k = _dll_prop_types;
 const React$i = _dll_react;
-const _jsxFileName$g = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/icons/src/icon-base.jsx";
+const _jsxFileName$g = "/home/circleci/repo/node_modules/@pie-lib/icons/src/icon-base.jsx";
 var IconBase = (Action, Emoji) => {
   class IconBase extends React$i.Component {
     static __initStatic() {
@@ -544,7 +544,7 @@ var IconBase = (Action, Emoji) => {
 const PropTypes$j = _dll_prop_types;
 const React$h = _dll_react;
 const {withStyles: withStyles$d} = _dll_material_ui__core_styles;
-const _jsxFileName$f = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/icons/src/correct-icon.jsx";
+const _jsxFileName$f = "/home/circleci/repo/node_modules/@pie-lib/icons/src/correct-icon.jsx";
 const styles$a = getStyles('correct', '#f8ffe2', '#4aaf46');
 const Emoji$3 = ({className}) => React$h.createElement('g', {
   transform: 'translate(1, 0)',
@@ -627,7 +627,7 @@ const PropTypes$i = _dll_prop_types;
 const React$g = _dll_react;
 const classNames$3 = _dll_classnames;
 const {withStyles: withStyles$c} = _dll_material_ui__core_styles;
-const _jsxFileName$e = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/icons/src/correct-response-icon.jsx";
+const _jsxFileName$e = "/home/circleci/repo/node_modules/@pie-lib/icons/src/correct-response-icon.jsx";
 const OpenIcon = ({bg, fg}) => React$g.createElement('svg', {
   preserveAspectRatio: "xMinYMin meet",
   version: "1.1",
@@ -805,7 +805,7 @@ withStyles$c(styles$9)(CorrectResponse);
 const PropTypes$h = _dll_prop_types;
 const React$f = _dll_react;
 const {withStyles: withStyles$b} = _dll_material_ui__core_styles;
-const _jsxFileName$d = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/icons/src/incorrect-icon.jsx";
+const _jsxFileName$d = "/home/circleci/repo/node_modules/@pie-lib/icons/src/incorrect-icon.jsx";
 const Ex = ({className}) => React$f.createElement('g', {
   transform: 'translate(0.5, 0.5)',
   __self: undefined,
@@ -902,7 +902,7 @@ Incorrect.defaultProps = {
 };
 const PropTypes$g = _dll_prop_types;
 const React$e = _dll_react;
-const _jsxFileName$c = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/icons/src/instructions-icon.jsx";
+const _jsxFileName$c = "/home/circleci/repo/node_modules/@pie-lib/icons/src/instructions-icon.jsx";
 const Lines = () => {
   const style = {
     fill: 'none',
@@ -1221,7 +1221,7 @@ Instructions.defaultProps = {
 const PropTypes$f = _dll_prop_types;
 const React$d = _dll_react;
 const {withStyles: withStyles$a} = _dll_material_ui__core_styles;
-const _jsxFileName$b = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/icons/src/learn-more-icon.jsx";
+const _jsxFileName$b = "/home/circleci/repo/node_modules/@pie-lib/icons/src/learn-more-icon.jsx";
 const Glint = ({fill}) => React$d.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",
@@ -1388,7 +1388,7 @@ withStyles$a(styles$7)(LearnMore);
 const PropTypes$e = _dll_prop_types;
 const React$c = _dll_react;
 const {withStyles: withStyles$9} = _dll_material_ui__core_styles;
-const _jsxFileName$a = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/icons/src/nothing-submitted-icon.jsx";
+const _jsxFileName$a = "/home/circleci/repo/node_modules/@pie-lib/icons/src/nothing-submitted-icon.jsx";
 const Exclamation = ({className}) => React$c.createElement('g', {
   __self: undefined,
   __source: {
@@ -1673,7 +1673,7 @@ var nothingSubmittedIcon = withStyles$9(styles$6)(NothingSubmitted);
 const PropTypes$d = _dll_prop_types;
 const React$b = _dll_react;
 const {withStyles: withStyles$8} = _dll_material_ui__core_styles;
-const _jsxFileName$9 = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/icons/src/partially-correct-icon.jsx";
+const _jsxFileName$9 = "/home/circleci/repo/node_modules/@pie-lib/icons/src/partially-correct-icon.jsx";
 const styles$5 = getStyles('partially-correct', '#4aaf46', '#c1e1ac');
 const Check = ({className}) => React$b.createElement('g', {
   transform: 'translate(0, 0)',
@@ -1761,7 +1761,7 @@ var partiallyCorrectIcon = withStyles$8(styles$5)(PartiallyCorrect);
 const PropTypes$c = _dll_prop_types;
 const React$a = _dll_react;
 const {withStyles: withStyles$7} = _dll_material_ui__core_styles;
-const _jsxFileName$8 = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/icons/src/show-rationale-icon.jsx";
+const _jsxFileName$8 = "/home/circleci/repo/node_modules/@pie-lib/icons/src/show-rationale-icon.jsx";
 const Info = ({fg}) => React$a.createElement('g', {
   __self: undefined,
   __source: {
@@ -3122,7 +3122,7 @@ const {withStyles: withStyles$6} = _dll_material_ui__core_styles;
 const React$9 = _dll_react;
 const classNames$2 = _dll_classnames;
 const PropTypes$9 = _dll_prop_types;
-const _jsxFileName$7 = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/render-ui/src/feedback.jsx";
+const _jsxFileName$7 = "/home/circleci/repo/node_modules/@pie-lib/render-ui/src/feedback.jsx";
 const styleSheet = {
   corespringFeedback: {
     transformOrigin: '0% 0px 0px',
@@ -3241,7 +3241,7 @@ const PropTypes$8 = _dll_prop_types;
 const {Popover: Popover} = _dll_material_ui__core;
 const {withStyles: withStyles$5} = _dll_material_ui__core_styles;
 const debug = _dll_debug;
-const _jsxFileName$6 = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/render-ui/src/response-indicators.jsx";
+const _jsxFileName$6 = "/home/circleci/repo/node_modules/@pie-lib/render-ui/src/response-indicators.jsx";
 const log = debug('pie-libs:render-ui:response-indicators');
 const styles$3 = () => ({
   responseIndicator: {
@@ -3352,7 +3352,7 @@ const {withStyles: withStyles$4} = _dll_material_ui__core_styles;
 const Collapse = _dll_material_ui__core_collapse_index;
 const PropTypes$7 = _dll_prop_types;
 const {renderMath: renderMath$1} = _dll_pie_lib__math_rendering;
-const _jsxFileName$5 = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/render-ui/src/collapsible/index.jsx";
+const _jsxFileName$5 = "/home/circleci/repo/node_modules/@pie-lib/render-ui/src/collapsible/index.jsx";
 class Collapsible extends React$7.Component {
   constructor(...args) {
     super(...args);
@@ -3446,7 +3446,7 @@ const React$6 = _dll_react;
 const {withStyles: withStyles$3} = _dll_material_ui__core_styles;
 const {createMuiTheme: createMuiTheme} = _dll_material_ui__core_styles;
 const PropTypes$6 = _dll_prop_types;
-const _jsxFileName$4 = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/render-ui/src/preview-layout.jsx";
+const _jsxFileName$4 = "/home/circleci/repo/node_modules/@pie-lib/render-ui/src/preview-layout.jsx";
 class PreviewLayout extends React$6.Component {
   static __initStatic() {
     this.propTypes = {
@@ -3520,7 +3520,7 @@ withStyles$3(styles$2)(PreviewLayout);
 const React$5 = _dll_react;
 const PropTypes$5 = _dll_prop_types;
 const {renderMath: renderMath} = _dll_pie_lib__math_rendering;
-const _jsxFileName$3 = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/render-ui/src/html-and-math.js";
+const _jsxFileName$3 = "/home/circleci/repo/node_modules/@pie-lib/render-ui/src/html-and-math.js";
 class HtmlAndMath extends React$5.Component {
   static __initStatic() {
     this.propTypes = {
@@ -3570,7 +3570,7 @@ const PropTypes$4 = _dll_prop_types;
 const React$4 = _dll_react;
 const classNames$1 = _dll_classnames;
 const {withStyles: withStyles$2} = _dll_material_ui__core_styles;
-const _jsxFileName$2 = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/render-ui/src/input-container.jsx";
+const _jsxFileName$2 = "/home/circleci/repo/node_modules/@pie-lib/render-ui/src/input-container.jsx";
 const RawInputContainer = props => {
   const {label, className, children, classes} = props;
   const names = classNames$1(classes.formControl, className);
@@ -3614,10 +3614,14 @@ const React$3 = _dll_react;
 const {Component: Component} = _dll_react;
 const {withStyles: withStyles$1} = _dll_material_ui__core_styles;
 const PropTypes$3 = _dll_prop_types;
-const _jsxFileName$1 = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/render-ui/src/preview-prompt.jsx";
+const _jsxFileName$1 = "/home/circleci/repo/node_modules/@pie-lib/render-ui/src/preview-prompt.jsx";
 const NEWLINE_BLOCK_REGEX = /\\embed\{newLine\}\[\]/g;
 const NEWLINE_LATEX = '\\newline ';
 class PreviewPrompt extends Component {
+  constructor(...args) {
+    super(...args);
+    PreviewPrompt.prototype.__init.call(this);
+  }
   static __initStatic() {
     this.propTypes = {
       classes: PropTypes$3.object,
@@ -3633,6 +3637,21 @@ class PreviewPrompt extends Component {
       onClick: () => {}
     };
   }
+  __init() {
+    this.parsedText = text => {
+      const div = document.createElement('div');
+      div.innerHTML = text;
+      const audio = div.querySelector('audio');
+      if (audio) {
+        const source = document.createElement('source');
+        source.setAttribute('type', 'audio/mp3');
+        source.setAttribute('src', audio.getAttribute('src'));
+        audio.removeAttribute('src');
+        audio.appendChild(source);
+      }
+      return div.innerHTML;
+    };
+  }
   render() {
     const {prompt, classes, tagName, className, onClick, defaultClassName} = this.props;
     const CustomTag = tagName || 'div';
@@ -3641,12 +3660,12 @@ class PreviewPrompt extends Component {
       onClick: onClick,
       className: customClasses,
       dangerouslySetInnerHTML: {
-        __html: (prompt || '').replace(NEWLINE_BLOCK_REGEX, NEWLINE_LATEX)
+        __html: this.parsedText(prompt || '').replace(NEWLINE_BLOCK_REGEX, NEWLINE_LATEX)
       },
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 31
+        lineNumber: 50
       }
     });
   }
@@ -3672,13 +3691,11 @@ const styles$1 = theme => ({
       borderCollapse: 'collapse'
     },
     '&:not(.MathJax) > table tr': {
-      borderTop: '1px solid #dfe2e5',
       '&:nth-child(2n)': {
         backgroundColor: '#f6f8fa'
       }
     },
     '&:not(.MathJax) > table td, &:not(.MathJax) > table th': {
-      border: '1px solid #dfe2e5',
       padding: '.6em 1em',
       textAlign: 'center'
     }
@@ -3709,7 +3726,7 @@ const {Tab: Tab} = _dll_material_ui__core;
 const {Typography: Typography} = _dll_material_ui__core;
 const {withStyles: withStyles} = _dll_material_ui__core_styles;
 const classNames = _dll_classnames;
-const _jsxFileName = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/packages/passage/src/stimulus-tabs.jsx";
+const _jsxFileName = "/home/circleci/repo/packages/passage/src/stimulus-tabs.jsx";
 const styles = () => ({
   root: {
     flexGrow: 1,

package/module/index.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/passage@1.7.2</title>
+      <title>@pie-element/passage@1.7.4</title>
       <script
         type="module"
         src="https://cdn.jsdelivr.net/npm/@pslb/demo-el@^1.0.0/dist/demo-el/demo-el.esm.js"></script>

package/module/manifest.json

@@ -1,14 +1,14 @@
 {
   "name": "@pie-element/passage",
-  "version": "1.7.2",
+  "version": "1.7.4",
   "modules": [
     {
       "name": "@pie-lib/shared-module",
-      "version": "^1.2.13"
+      "version": "^1.2.14"
     },
     {
       "name": "@pie-lib/math-rendering-module",
-      "version": "^1.0.16"
+      "version": "^1.0.17"
     }
   ]
 }

package/module/print.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/passage@1.7.2</title>
+      <title>@pie-element/passage@1.7.4</title>
       <link
         href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
         rel="stylesheet"

package/module/print.js

@@ -1,8 +1,8 @@
-import {_dll_prop_types, _dll_react, _dll_material_ui__core_styles, _dll_classnames, _dll_react_dom, _dll_material_ui__core, _dll_debug, _dll_material_ui__core_collapse_index, _dll_lodash} from "../../../@pie-lib/shared-module@^1.2.13/module/index.js";
-import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.16/module/index.js";
+import {_dll_prop_types, _dll_react, _dll_material_ui__core_styles, _dll_classnames, _dll_react_dom, _dll_material_ui__core, _dll_debug, _dll_material_ui__core_collapse_index, _dll_lodash} from "../../../@pie-lib/shared-module@^1.2.14/module/index.js";
+import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.17/module/index.js";
 const React$k = _dll_react;
 const PropTypes$m = _dll_prop_types;
-const _jsxFileName$i = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/icons/src/sized.jsx";
+const _jsxFileName$i = "/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';
 };
@@ -29,7 +29,7 @@ Sized.propTypes = {
 };
 const React$j = _dll_react;
 const PropTypes$l = _dll_prop_types;
-const _jsxFileName$h = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/icons/src/icon-root.jsx";
+const _jsxFileName$h = "/home/circleci/repo/node_modules/@pie-lib/icons/src/icon-root.jsx";
 const IconRoot = ({size, children}) => React$j.createElement(Sized, {
   size: size,
   __self: undefined,
@@ -125,7 +125,7 @@ Square.propTypes = {
 };
 const PropTypes$k = _dll_prop_types;
 const React$i = _dll_react;
-const _jsxFileName$g = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/icons/src/icon-base.jsx";
+const _jsxFileName$g = "/home/circleci/repo/node_modules/@pie-lib/icons/src/icon-base.jsx";
 var IconBase = (Action, Emoji) => {
   class IconBase extends React$i.Component {
     static __initStatic() {
@@ -488,7 +488,7 @@ var IconBase = (Action, Emoji) => {
 const PropTypes$j = _dll_prop_types;
 const React$h = _dll_react;
 const {withStyles: withStyles$d} = _dll_material_ui__core_styles;
-const _jsxFileName$f = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/icons/src/correct-icon.jsx";
+const _jsxFileName$f = "/home/circleci/repo/node_modules/@pie-lib/icons/src/correct-icon.jsx";
 const styles$a = getStyles('correct', '#f8ffe2', '#4aaf46');
 const Emoji$3 = ({className}) => React$h.createElement('g', {
   transform: 'translate(1, 0)',
@@ -571,7 +571,7 @@ const PropTypes$i = _dll_prop_types;
 const React$g = _dll_react;
 const classNames$3 = _dll_classnames;
 const {withStyles: withStyles$c} = _dll_material_ui__core_styles;
-const _jsxFileName$e = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/icons/src/correct-response-icon.jsx";
+const _jsxFileName$e = "/home/circleci/repo/node_modules/@pie-lib/icons/src/correct-response-icon.jsx";
 const OpenIcon = ({bg, fg}) => React$g.createElement('svg', {
   preserveAspectRatio: "xMinYMin meet",
   version: "1.1",
@@ -749,7 +749,7 @@ withStyles$c(styles$9)(CorrectResponse);
 const PropTypes$h = _dll_prop_types;
 const React$f = _dll_react;
 const {withStyles: withStyles$b} = _dll_material_ui__core_styles;
-const _jsxFileName$d = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/icons/src/incorrect-icon.jsx";
+const _jsxFileName$d = "/home/circleci/repo/node_modules/@pie-lib/icons/src/incorrect-icon.jsx";
 const Ex = ({className}) => React$f.createElement('g', {
   transform: 'translate(0.5, 0.5)',
   __self: undefined,
@@ -846,7 +846,7 @@ Incorrect.defaultProps = {
 };
 const PropTypes$g = _dll_prop_types;
 const React$e = _dll_react;
-const _jsxFileName$c = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/icons/src/instructions-icon.jsx";
+const _jsxFileName$c = "/home/circleci/repo/node_modules/@pie-lib/icons/src/instructions-icon.jsx";
 const Lines = () => {
   const style = {
     fill: 'none',
@@ -1165,7 +1165,7 @@ Instructions.defaultProps = {
 const PropTypes$f = _dll_prop_types;
 const React$d = _dll_react;
 const {withStyles: withStyles$a} = _dll_material_ui__core_styles;
-const _jsxFileName$b = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/icons/src/learn-more-icon.jsx";
+const _jsxFileName$b = "/home/circleci/repo/node_modules/@pie-lib/icons/src/learn-more-icon.jsx";
 const Glint = ({fill}) => React$d.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",
@@ -1332,7 +1332,7 @@ withStyles$a(styles$7)(LearnMore);
 const PropTypes$e = _dll_prop_types;
 const React$c = _dll_react;
 const {withStyles: withStyles$9} = _dll_material_ui__core_styles;
-const _jsxFileName$a = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/icons/src/nothing-submitted-icon.jsx";
+const _jsxFileName$a = "/home/circleci/repo/node_modules/@pie-lib/icons/src/nothing-submitted-icon.jsx";
 const Exclamation = ({className}) => React$c.createElement('g', {
   __self: undefined,
   __source: {
@@ -1617,7 +1617,7 @@ var nothingSubmittedIcon = withStyles$9(styles$6)(NothingSubmitted);
 const PropTypes$d = _dll_prop_types;
 const React$b = _dll_react;
 const {withStyles: withStyles$8} = _dll_material_ui__core_styles;
-const _jsxFileName$9 = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/icons/src/partially-correct-icon.jsx";
+const _jsxFileName$9 = "/home/circleci/repo/node_modules/@pie-lib/icons/src/partially-correct-icon.jsx";
 const styles$5 = getStyles('partially-correct', '#4aaf46', '#c1e1ac');
 const Check = ({className}) => React$b.createElement('g', {
   transform: 'translate(0, 0)',
@@ -1705,7 +1705,7 @@ var partiallyCorrectIcon = withStyles$8(styles$5)(PartiallyCorrect);
 const PropTypes$c = _dll_prop_types;
 const React$a = _dll_react;
 const {withStyles: withStyles$7} = _dll_material_ui__core_styles;
-const _jsxFileName$8 = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/icons/src/show-rationale-icon.jsx";
+const _jsxFileName$8 = "/home/circleci/repo/node_modules/@pie-lib/icons/src/show-rationale-icon.jsx";
 const Info = ({fg}) => React$a.createElement('g', {
   __self: undefined,
   __source: {
@@ -3085,7 +3085,7 @@ const {withStyles: withStyles$6} = _dll_material_ui__core_styles;
 const React$9 = _dll_react;
 const classNames$2 = _dll_classnames;
 const PropTypes$9 = _dll_prop_types;
-const _jsxFileName$7 = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/render-ui/src/feedback.jsx";
+const _jsxFileName$7 = "/home/circleci/repo/node_modules/@pie-lib/render-ui/src/feedback.jsx";
 const styleSheet = {
   corespringFeedback: {
     transformOrigin: '0% 0px 0px',
@@ -3204,7 +3204,7 @@ const PropTypes$8 = _dll_prop_types;
 const {Popover: Popover} = _dll_material_ui__core;
 const {withStyles: withStyles$5} = _dll_material_ui__core_styles;
 const debug$1 = _dll_debug;
-const _jsxFileName$6 = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/render-ui/src/response-indicators.jsx";
+const _jsxFileName$6 = "/home/circleci/repo/node_modules/@pie-lib/render-ui/src/response-indicators.jsx";
 const log$1 = debug$1('pie-libs:render-ui:response-indicators');
 const styles$3 = () => ({
   responseIndicator: {
@@ -3315,7 +3315,7 @@ const {withStyles: withStyles$4} = _dll_material_ui__core_styles;
 const Collapse = _dll_material_ui__core_collapse_index;
 const PropTypes$7 = _dll_prop_types;
 const {renderMath: renderMath$1} = _dll_pie_lib__math_rendering;
-const _jsxFileName$5 = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/render-ui/src/collapsible/index.jsx";
+const _jsxFileName$5 = "/home/circleci/repo/node_modules/@pie-lib/render-ui/src/collapsible/index.jsx";
 class Collapsible extends React$7.Component {
   constructor(...args) {
     super(...args);
@@ -3409,7 +3409,7 @@ const React$6 = _dll_react;
 const {withStyles: withStyles$3} = _dll_material_ui__core_styles;
 const {createMuiTheme: createMuiTheme} = _dll_material_ui__core_styles;
 const PropTypes$6 = _dll_prop_types;
-const _jsxFileName$4 = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/render-ui/src/preview-layout.jsx";
+const _jsxFileName$4 = "/home/circleci/repo/node_modules/@pie-lib/render-ui/src/preview-layout.jsx";
 class PreviewLayout extends React$6.Component {
   static __initStatic() {
     this.propTypes = {
@@ -3483,7 +3483,7 @@ withStyles$3(styles$2)(PreviewLayout);
 const React$5 = _dll_react;
 const PropTypes$5 = _dll_prop_types;
 const {renderMath: renderMath} = _dll_pie_lib__math_rendering;
-const _jsxFileName$3 = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/render-ui/src/html-and-math.js";
+const _jsxFileName$3 = "/home/circleci/repo/node_modules/@pie-lib/render-ui/src/html-and-math.js";
 class HtmlAndMath extends React$5.Component {
   static __initStatic() {
     this.propTypes = {
@@ -3533,7 +3533,7 @@ const PropTypes$4 = _dll_prop_types;
 const React$4 = _dll_react;
 const classNames$1 = _dll_classnames;
 const {withStyles: withStyles$2} = _dll_material_ui__core_styles;
-const _jsxFileName$2 = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/render-ui/src/input-container.jsx";
+const _jsxFileName$2 = "/home/circleci/repo/node_modules/@pie-lib/render-ui/src/input-container.jsx";
 const RawInputContainer = props => {
   const {label, className, children, classes} = props;
   const names = classNames$1(classes.formControl, className);
@@ -3577,10 +3577,14 @@ const React$3 = _dll_react;
 const {Component: Component} = _dll_react;
 const {withStyles: withStyles$1} = _dll_material_ui__core_styles;
 const PropTypes$3 = _dll_prop_types;
-const _jsxFileName$1 = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/node_modules/@pie-lib/render-ui/src/preview-prompt.jsx";
+const _jsxFileName$1 = "/home/circleci/repo/node_modules/@pie-lib/render-ui/src/preview-prompt.jsx";
 const NEWLINE_BLOCK_REGEX = /\\embed\{newLine\}\[\]/g;
 const NEWLINE_LATEX = '\\newline ';
 class PreviewPrompt extends Component {
+  constructor(...args) {
+    super(...args);
+    PreviewPrompt.prototype.__init.call(this);
+  }
   static __initStatic() {
     this.propTypes = {
       classes: PropTypes$3.object,
@@ -3596,6 +3600,21 @@ class PreviewPrompt extends Component {
       onClick: () => {}
     };
   }
+  __init() {
+    this.parsedText = text => {
+      const div = document.createElement('div');
+      div.innerHTML = text;
+      const audio = div.querySelector('audio');
+      if (audio) {
+        const source = document.createElement('source');
+        source.setAttribute('type', 'audio/mp3');
+        source.setAttribute('src', audio.getAttribute('src'));
+        audio.removeAttribute('src');
+        audio.appendChild(source);
+      }
+      return div.innerHTML;
+    };
+  }
   render() {
     const {prompt, classes, tagName, className, onClick, defaultClassName} = this.props;
     const CustomTag = tagName || 'div';
@@ -3604,12 +3623,12 @@ class PreviewPrompt extends Component {
       onClick: onClick,
       className: customClasses,
       dangerouslySetInnerHTML: {
-        __html: (prompt || '').replace(NEWLINE_BLOCK_REGEX, NEWLINE_LATEX)
+        __html: this.parsedText(prompt || '').replace(NEWLINE_BLOCK_REGEX, NEWLINE_LATEX)
       },
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 31
+        lineNumber: 50
       }
     });
   }
@@ -3635,13 +3654,11 @@ const styles$1 = theme => ({
       borderCollapse: 'collapse'
     },
     '&:not(.MathJax) > table tr': {
-      borderTop: '1px solid #dfe2e5',
       '&:nth-child(2n)': {
         backgroundColor: '#f6f8fa'
       }
     },
     '&:not(.MathJax) > table td, &:not(.MathJax) > table th': {
-      border: '1px solid #dfe2e5',
       padding: '.6em 1em',
       textAlign: 'center'
     }
@@ -3672,7 +3689,7 @@ const {Tab: Tab} = _dll_material_ui__core;
 const {Typography: Typography} = _dll_material_ui__core;
 const {withStyles: withStyles} = _dll_material_ui__core_styles;
 const classNames = _dll_classnames;
-const _jsxFileName = "/Users/andreeapescar/WORK/pie/new-pie/pie-elements/packages/passage/src/stimulus-tabs.jsx";
+const _jsxFileName = "/home/circleci/repo/packages/passage/src/stimulus-tabs.jsx";
 const styles = () => ({
   root: {
     flexGrow: 1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/passage",
-  "version": "1.7.4",
+  "version": "1.7.5",
   "publishConfig": {
     "access": "public"
   },
@@ -11,13 +11,13 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/render-ui": "^4.12.3",
+    "@pie-lib/render-ui": "^4.12.4",
     "classnames": "^2.2.5",
     "prop-types": "^15.6.1",
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
   },
-  "gitHead": "6f1f221659a13d56f6c7e73b2bf5488c63943123",
+  "gitHead": "a1c13d49a8db2188145733261dd177cfb6b617fb",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },