@pie-element/complex-rubric 3.4.6-next.4 → 3.4.6

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.4.6](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric@3.4.5...@pie-element/complex-rubric@3.4.6) (2025-03-03)
+
+
+### Bug Fixes
+
+* update pie-lib pie-toolbox PD-4795 ([c0bc482](https://github.com/pie-framework/pie-elements/commit/c0bc48285a67aaaf6f4b81057ced62bc57ee978d))
+
+
+
+
+
 ## [3.4.5](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric@3.4.4...@pie-element/complex-rubric@3.4.5) (2025-02-27)
 
 

package/configure/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.
 
+## [2.5.6](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric-configure@2.5.5...@pie-element/complex-rubric-configure@2.5.6) (2025-03-03)
+
+**Note:** Version bump only for package @pie-element/complex-rubric-configure
+
+
+
+
+
 ## [2.5.5](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric-configure@2.5.4...@pie-element/complex-rubric-configure@2.5.5) (2025-02-27)
 
 **Note:** Version bump only for package @pie-element/complex-rubric-configure

package/configure/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@pie-element/complex-rubric-configure",
   "private": true,
-  "version": "2.5.5",
+  "version": "2.5.6",
   "description": "Complex Rubric authoring view",
   "main": "lib/index.js",
   "module": "src/index.js",
   "author": "Pie Framework Authors",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-element/multi-trait-rubric": "^4.3.5",
-    "@pie-element/rubric": "^4.4.5",
+    "@pie-element/multi-trait-rubric": "^4.3.6",
+    "@pie-element/rubric": "^4.4.6",
     "@pie-framework/pie-configure-events": "^1.3.0",
     "debug": "^4.1.1",
     "lodash": "^4.17.15",

package/controller/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.0.24](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric-controller@3.0.23...@pie-element/complex-rubric-controller@3.0.24) (2025-03-03)
+
+
+### Bug Fixes
+
+* update pie-lib pie-toolbox PD-4795 ([c0bc482](https://github.com/pie-framework/pie-elements/commit/c0bc48285a67aaaf6f4b81057ced62bc57ee978d))
+
+
+
+
+
 ## [3.0.23](https://github.com/pie-framework/pie-elements/compare/@pie-element/complex-rubric-controller@3.0.22...@pie-element/complex-rubric-controller@3.0.23) (2025-02-27)
 
 

package/controller/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@pie-element/complex-rubric-controller",
   "private": true,
-  "version": "3.0.23",
+  "version": "3.0.24",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.9.5",
+    "@pie-lib/pie-toolbox": "2.10.0",
     "lodash": "^4.17.15"
   },
   "author": "",

package/module/configure.js

@@ -1,6 +1,6 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.3.4/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.3.5/module/index.js";
 import RubricConfigure from '@pie-element/rubric/configure/lib';
-import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@5.10.4/module/index.js";
+import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@5.10.5/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -126757,7 +126757,7 @@ const require$$11$G = _dll_prop_types;
       }
       _this = _super.call.apply(_super, [this].concat(args));
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "parsedText", function (text) {
-        var autoplayAudioEnabled = _this.props.autoplayAudioEnabled;
+        var customAudioButton = _this.props.customAudioButton;
         var div = document.createElement('div');
         div.innerHTML = text;
         var audio = div.querySelector('audio');
@@ -126766,25 +126766,101 @@ const require$$11$G = _dll_prop_types;
           source.setAttribute('type', 'audio/mp3');
           source.setAttribute('src', audio.getAttribute('src'));
           audio.removeAttribute('src');
-          if (autoplayAudioEnabled) {
-            audio.setAttribute('autoplay', 'autoplay');
-          }
+          audio.setAttribute('id', 'pie-prompt-audio-player');
           audio.appendChild(source);
+          if (customAudioButton) {
+            audio.style.display = 'none';
+            var playButton = document.createElement('div');
+            playButton.id = 'play-audio-button';
+            Object.assign(playButton.style, {
+              cursor: 'pointer',
+              display: 'block',
+              width: '128px',
+              height: '128px',
+              backgroundImage: ("url(").concat(customAudioButton.pauseImage, ")"),
+              backgroundSize: 'cover',
+              borderRadius: '50%',
+              border: '1px solid #326295'
+            });
+            audio.parentNode.insertBefore(playButton, audio);
+          }
         }
         return div.innerHTML;
       });
       return _this;
     }
     (0, _createClass2["default"])(PreviewPrompt, [{
+      key: "addCustomAudioButtonControls",
+      value: function addCustomAudioButtonControls() {
+        var _this$props = this.props, autoplayAudioEnabled = _this$props.autoplayAudioEnabled, customAudioButton = _this$props.customAudioButton;
+        var playButton = document.getElementById('play-audio-button');
+        var audio = document.getElementById('pie-prompt-audio-player');
+        if (autoplayAudioEnabled && audio) {
+          audio.play().then(function () {
+            if (playButton && customAudioButton) {
+              audio.addEventListener('ended', handleAudioEnded);
+            }
+          })["catch"](function (error) {
+            console.error('Error playing audio', error);
+          });
+        }
+        if (!playButton || !audio || !customAudioButton) return;
+        var handlePlayClick = function handlePlayClick() {
+          if (!audio.paused) return;
+          if (playButton.style.backgroundImage.includes(customAudioButton.pauseImage)) return;
+          audio.play();
+        };
+        var handleAudioEnded = function handleAudioEnded() {
+          playButton.style.backgroundImage = ("url(").concat(customAudioButton.playImage, ")");
+        };
+        var handleAudioPlay = function handleAudioPlay() {
+          Object.assign(playButton.style, {
+            backgroundImage: ("url(").concat(customAudioButton.pauseImage, ")"),
+            border: '1px solid #ccc'
+          });
+        };
+        var handleAudioPause = function handleAudioPause() {
+          Object.assign(playButton.style, {
+            backgroundImage: ("url(").concat(customAudioButton.playImage, ")"),
+            border: '1px solid #326295'
+          });
+        };
+        playButton.addEventListener('click', handlePlayClick);
+        audio.addEventListener('play', handleAudioPlay);
+        audio.addEventListener('pause', handleAudioPause);
+        audio.addEventListener('ended', handleAudioEnded);
+        this._handlePlayClick = handlePlayClick;
+        this._handleAudioPlay = handleAudioPlay;
+        this._handleAudioPause = handleAudioPause;
+        this._handleAudioEnded = handleAudioEnded;
+      }
+    }, {
+      key: "removeCustomAudioButtonListeners",
+      value: function removeCustomAudioButtonListeners() {
+        var playButton = document.getElementById('play-audio-button');
+        var audio = document.querySelector('audio');
+        if (!playButton || !audio) return;
+        playButton.removeEventListener('click', this._handlePlayClick);
+        audio.removeEventListener('play', this._handleAudioPlay);
+        audio.removeEventListener('pause', this._handleAudioPause);
+        audio.removeEventListener('ended', this._handleAudioEnded);
+      }
+    }, {
       key: "componentDidMount",
       value: function componentDidMount() {
         this.alignImages();
+        this.addCustomAudioButtonControls();
       }
     }, {
       key: "componentDidUpdate",
       value: function componentDidUpdate() {
         this.alignImages();
       }
+    }, {
+      key: "componentWillUnmount",
+      value: function componentWillUnmount() {
+        this.removeCustomAudioButtonListeners();
+      }
     }, {
       key: "alignImages",
       value: function alignImages() {
@@ -126819,7 +126895,7 @@ const require$$11$G = _dll_prop_types;
     }, {
       key: "render",
       value: function render() {
-        var _this$props = this.props, prompt = _this$props.prompt, classes = _this$props.classes, tagName = _this$props.tagName, className = _this$props.className, onClick = _this$props.onClick, defaultClassName = _this$props.defaultClassName;
+        var _this$props2 = this.props, prompt = _this$props2.prompt, classes = _this$props2.classes, tagName = _this$props2.tagName, className = _this$props2.className, onClick = _this$props2.onClick, defaultClassName = _this$props2.defaultClassName;
         var CustomTag = tagName || 'div';
         var legendClass = tagName === 'legend' ? 'legend' : '';
         var customClasses = ("").concat(classes.promptTable, " ").concat(classes[className] || '', " ").concat(defaultClassName || '', " ").concat(classes[legendClass] || '');
@@ -126843,7 +126919,11 @@ const require$$11$G = _dll_prop_types;
     className: _propTypes["default"].string,
     onClick: _propTypes["default"].func,
     defaultClassName: _propTypes["default"].string,
-    autoplayAudioEnabled: _propTypes["default"].bool
+    autoplayAudioEnabled: _propTypes["default"].bool,
+    customAudioButton: {
+      playImage: _propTypes["default"].string,
+      pauseImage: _propTypes["default"].string
+    }
   });
   (0, _defineProperty2["default"])(PreviewPrompt, "defaultProps", {
     onClick: function onClick() {}

package/module/element.js

@@ -1,5 +1,5 @@
-import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_pie_lib__pie_toolbox_math_rendering, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.3.4/module/index.js";
-import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.10.4/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_pie_lib__pie_toolbox_math_rendering, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.3.5/module/index.js";
+import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.10.5/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -142720,7 +142720,7 @@ const require$$11$B = _dll_prop_types;
       }
       _this = _super.call.apply(_super, [this].concat(args));
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "parsedText", function (text) {
-        var autoplayAudioEnabled = _this.props.autoplayAudioEnabled;
+        var customAudioButton = _this.props.customAudioButton;
         var div = document.createElement('div');
         div.innerHTML = text;
         var audio = div.querySelector('audio');
@@ -142729,25 +142729,101 @@ const require$$11$B = _dll_prop_types;
           source.setAttribute('type', 'audio/mp3');
           source.setAttribute('src', audio.getAttribute('src'));
           audio.removeAttribute('src');
-          if (autoplayAudioEnabled) {
-            audio.setAttribute('autoplay', 'autoplay');
-          }
+          audio.setAttribute('id', 'pie-prompt-audio-player');
           audio.appendChild(source);
+          if (customAudioButton) {
+            audio.style.display = 'none';
+            var playButton = document.createElement('div');
+            playButton.id = 'play-audio-button';
+            Object.assign(playButton.style, {
+              cursor: 'pointer',
+              display: 'block',
+              width: '128px',
+              height: '128px',
+              backgroundImage: ("url(").concat(customAudioButton.pauseImage, ")"),
+              backgroundSize: 'cover',
+              borderRadius: '50%',
+              border: '1px solid #326295'
+            });
+            audio.parentNode.insertBefore(playButton, audio);
+          }
         }
         return div.innerHTML;
       });
       return _this;
     }
     (0, _createClass2["default"])(PreviewPrompt, [{
+      key: "addCustomAudioButtonControls",
+      value: function addCustomAudioButtonControls() {
+        var _this$props = this.props, autoplayAudioEnabled = _this$props.autoplayAudioEnabled, customAudioButton = _this$props.customAudioButton;
+        var playButton = document.getElementById('play-audio-button');
+        var audio = document.getElementById('pie-prompt-audio-player');
+        if (autoplayAudioEnabled && audio) {
+          audio.play().then(function () {
+            if (playButton && customAudioButton) {
+              audio.addEventListener('ended', handleAudioEnded);
+            }
+          })["catch"](function (error) {
+            console.error('Error playing audio', error);
+          });
+        }
+        if (!playButton || !audio || !customAudioButton) return;
+        var handlePlayClick = function handlePlayClick() {
+          if (!audio.paused) return;
+          if (playButton.style.backgroundImage.includes(customAudioButton.pauseImage)) return;
+          audio.play();
+        };
+        var handleAudioEnded = function handleAudioEnded() {
+          playButton.style.backgroundImage = ("url(").concat(customAudioButton.playImage, ")");
+        };
+        var handleAudioPlay = function handleAudioPlay() {
+          Object.assign(playButton.style, {
+            backgroundImage: ("url(").concat(customAudioButton.pauseImage, ")"),
+            border: '1px solid #ccc'
+          });
+        };
+        var handleAudioPause = function handleAudioPause() {
+          Object.assign(playButton.style, {
+            backgroundImage: ("url(").concat(customAudioButton.playImage, ")"),
+            border: '1px solid #326295'
+          });
+        };
+        playButton.addEventListener('click', handlePlayClick);
+        audio.addEventListener('play', handleAudioPlay);
+        audio.addEventListener('pause', handleAudioPause);
+        audio.addEventListener('ended', handleAudioEnded);
+        this._handlePlayClick = handlePlayClick;
+        this._handleAudioPlay = handleAudioPlay;
+        this._handleAudioPause = handleAudioPause;
+        this._handleAudioEnded = handleAudioEnded;
+      }
+    }, {
+      key: "removeCustomAudioButtonListeners",
+      value: function removeCustomAudioButtonListeners() {
+        var playButton = document.getElementById('play-audio-button');
+        var audio = document.querySelector('audio');
+        if (!playButton || !audio) return;
+        playButton.removeEventListener('click', this._handlePlayClick);
+        audio.removeEventListener('play', this._handleAudioPlay);
+        audio.removeEventListener('pause', this._handleAudioPause);
+        audio.removeEventListener('ended', this._handleAudioEnded);
+      }
+    }, {
       key: "componentDidMount",
       value: function componentDidMount() {
         this.alignImages();
+        this.addCustomAudioButtonControls();
       }
     }, {
       key: "componentDidUpdate",
       value: function componentDidUpdate() {
         this.alignImages();
       }
+    }, {
+      key: "componentWillUnmount",
+      value: function componentWillUnmount() {
+        this.removeCustomAudioButtonListeners();
+      }
     }, {
       key: "alignImages",
       value: function alignImages() {
@@ -142782,7 +142858,7 @@ const require$$11$B = _dll_prop_types;
     }, {
       key: "render",
       value: function render() {
-        var _this$props = this.props, prompt = _this$props.prompt, classes = _this$props.classes, tagName = _this$props.tagName, className = _this$props.className, onClick = _this$props.onClick, defaultClassName = _this$props.defaultClassName;
+        var _this$props2 = this.props, prompt = _this$props2.prompt, classes = _this$props2.classes, tagName = _this$props2.tagName, className = _this$props2.className, onClick = _this$props2.onClick, defaultClassName = _this$props2.defaultClassName;
         var CustomTag = tagName || 'div';
         var legendClass = tagName === 'legend' ? 'legend' : '';
         var customClasses = ("").concat(classes.promptTable, " ").concat(classes[className] || '', " ").concat(defaultClassName || '', " ").concat(classes[legendClass] || '');
@@ -142806,7 +142882,11 @@ const require$$11$B = _dll_prop_types;
     className: _propTypes["default"].string,
     onClick: _propTypes["default"].func,
     defaultClassName: _propTypes["default"].string,
-    autoplayAudioEnabled: _propTypes["default"].bool
+    autoplayAudioEnabled: _propTypes["default"].bool,
+    customAudioButton: {
+      playImage: _propTypes["default"].string,
+      pauseImage: _propTypes["default"].string
+    }
   });
   (0, _defineProperty2["default"])(PreviewPrompt, "defaultProps", {
     onClick: function onClick() {}

package/module/manifest.json

@@ -4,11 +4,11 @@
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "3.3.4"
+      "version": "3.3.5"
     },
     {
       "name": "@pie-lib/pie-toolbox-module",
-      "version": "5.10.4"
+      "version": "5.10.5"
     }
   ]
 }

package/module/print.js

@@ -1,5 +1,5 @@
-import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_pie_lib__pie_toolbox_math_rendering, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.3.4/module/index.js";
-import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.10.4/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_pie_lib__pie_toolbox_math_rendering, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.3.5/module/index.js";
+import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.10.5/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -142720,7 +142720,7 @@ const require$$11$B = _dll_prop_types;
       }
       _this = _super.call.apply(_super, [this].concat(args));
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "parsedText", function (text) {
-        var autoplayAudioEnabled = _this.props.autoplayAudioEnabled;
+        var customAudioButton = _this.props.customAudioButton;
         var div = document.createElement('div');
         div.innerHTML = text;
         var audio = div.querySelector('audio');
@@ -142729,25 +142729,101 @@ const require$$11$B = _dll_prop_types;
           source.setAttribute('type', 'audio/mp3');
           source.setAttribute('src', audio.getAttribute('src'));
           audio.removeAttribute('src');
-          if (autoplayAudioEnabled) {
-            audio.setAttribute('autoplay', 'autoplay');
-          }
+          audio.setAttribute('id', 'pie-prompt-audio-player');
           audio.appendChild(source);
+          if (customAudioButton) {
+            audio.style.display = 'none';
+            var playButton = document.createElement('div');
+            playButton.id = 'play-audio-button';
+            Object.assign(playButton.style, {
+              cursor: 'pointer',
+              display: 'block',
+              width: '128px',
+              height: '128px',
+              backgroundImage: ("url(").concat(customAudioButton.pauseImage, ")"),
+              backgroundSize: 'cover',
+              borderRadius: '50%',
+              border: '1px solid #326295'
+            });
+            audio.parentNode.insertBefore(playButton, audio);
+          }
         }
         return div.innerHTML;
       });
       return _this;
     }
     (0, _createClass2["default"])(PreviewPrompt, [{
+      key: "addCustomAudioButtonControls",
+      value: function addCustomAudioButtonControls() {
+        var _this$props = this.props, autoplayAudioEnabled = _this$props.autoplayAudioEnabled, customAudioButton = _this$props.customAudioButton;
+        var playButton = document.getElementById('play-audio-button');
+        var audio = document.getElementById('pie-prompt-audio-player');
+        if (autoplayAudioEnabled && audio) {
+          audio.play().then(function () {
+            if (playButton && customAudioButton) {
+              audio.addEventListener('ended', handleAudioEnded);
+            }
+          })["catch"](function (error) {
+            console.error('Error playing audio', error);
+          });
+        }
+        if (!playButton || !audio || !customAudioButton) return;
+        var handlePlayClick = function handlePlayClick() {
+          if (!audio.paused) return;
+          if (playButton.style.backgroundImage.includes(customAudioButton.pauseImage)) return;
+          audio.play();
+        };
+        var handleAudioEnded = function handleAudioEnded() {
+          playButton.style.backgroundImage = ("url(").concat(customAudioButton.playImage, ")");
+        };
+        var handleAudioPlay = function handleAudioPlay() {
+          Object.assign(playButton.style, {
+            backgroundImage: ("url(").concat(customAudioButton.pauseImage, ")"),
+            border: '1px solid #ccc'
+          });
+        };
+        var handleAudioPause = function handleAudioPause() {
+          Object.assign(playButton.style, {
+            backgroundImage: ("url(").concat(customAudioButton.playImage, ")"),
+            border: '1px solid #326295'
+          });
+        };
+        playButton.addEventListener('click', handlePlayClick);
+        audio.addEventListener('play', handleAudioPlay);
+        audio.addEventListener('pause', handleAudioPause);
+        audio.addEventListener('ended', handleAudioEnded);
+        this._handlePlayClick = handlePlayClick;
+        this._handleAudioPlay = handleAudioPlay;
+        this._handleAudioPause = handleAudioPause;
+        this._handleAudioEnded = handleAudioEnded;
+      }
+    }, {
+      key: "removeCustomAudioButtonListeners",
+      value: function removeCustomAudioButtonListeners() {
+        var playButton = document.getElementById('play-audio-button');
+        var audio = document.querySelector('audio');
+        if (!playButton || !audio) return;
+        playButton.removeEventListener('click', this._handlePlayClick);
+        audio.removeEventListener('play', this._handleAudioPlay);
+        audio.removeEventListener('pause', this._handleAudioPause);
+        audio.removeEventListener('ended', this._handleAudioEnded);
+      }
+    }, {
       key: "componentDidMount",
       value: function componentDidMount() {
         this.alignImages();
+        this.addCustomAudioButtonControls();
       }
     }, {
       key: "componentDidUpdate",
       value: function componentDidUpdate() {
         this.alignImages();
       }
+    }, {
+      key: "componentWillUnmount",
+      value: function componentWillUnmount() {
+        this.removeCustomAudioButtonListeners();
+      }
     }, {
       key: "alignImages",
       value: function alignImages() {
@@ -142782,7 +142858,7 @@ const require$$11$B = _dll_prop_types;
     }, {
       key: "render",
       value: function render() {
-        var _this$props = this.props, prompt = _this$props.prompt, classes = _this$props.classes, tagName = _this$props.tagName, className = _this$props.className, onClick = _this$props.onClick, defaultClassName = _this$props.defaultClassName;
+        var _this$props2 = this.props, prompt = _this$props2.prompt, classes = _this$props2.classes, tagName = _this$props2.tagName, className = _this$props2.className, onClick = _this$props2.onClick, defaultClassName = _this$props2.defaultClassName;
         var CustomTag = tagName || 'div';
         var legendClass = tagName === 'legend' ? 'legend' : '';
         var customClasses = ("").concat(classes.promptTable, " ").concat(classes[className] || '', " ").concat(defaultClassName || '', " ").concat(classes[legendClass] || '');
@@ -142806,7 +142882,11 @@ const require$$11$B = _dll_prop_types;
     className: _propTypes["default"].string,
     onClick: _propTypes["default"].func,
     defaultClassName: _propTypes["default"].string,
-    autoplayAudioEnabled: _propTypes["default"].bool
+    autoplayAudioEnabled: _propTypes["default"].bool,
+    customAudioButton: {
+      playImage: _propTypes["default"].string,
+      pauseImage: _propTypes["default"].string
+    }
   });
   (0, _defineProperty2["default"])(PreviewPrompt, "defaultProps", {
     onClick: function onClick() {}

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@pie-element/complex-rubric",
   "repository": "pie-framework/pie-elements",
-  "version": "3.4.6-next.4+dd3fde7ef",
+  "version": "3.4.6",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-element/multi-trait-rubric": "^4.3.6-next.4+dd3fde7ef",
-    "@pie-element/rubric": "^4.4.6-next.4+dd3fde7ef",
+    "@pie-element/multi-trait-rubric": "^4.3.6",
+    "@pie-element/rubric": "^4.4.6",
     "@pie-framework/pie-player-events": "^0.1.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.11",
     "prop-types": "^15.7.2"
   },
-  "gitHead": "dd3fde7ef95879ed17976bb057963dae43a601df",
+  "gitHead": "1abc2ce54f9ccb41022d4caa592a084a6ebb235c",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },