@pie-element/ebsr 10.3.4-next.0 → 10.3.4-next.3

package/module/element.js

@@ -12833,6 +12833,7 @@ class MultipleChoice$1 extends React$2.Component {
       gridTemplateColumns: `repeat(${gridColumns}, 1fr)`
     } : undefined;
     const selections = session.value && session.value.length || 0;
+    const addAutoplayAudio = autoplayAudioEnabled && !((/Safari|Firefox|Edg/).test(navigator.userAgent) && !(/Chrome/).test(navigator.userAgent));
     const teacherInstructionsDiv = React$2.createElement(PreviewPrompt, {
       tagName: "div",
       className: "prompt",
@@ -12841,7 +12842,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 245
+        lineNumber: 247
       }
     });
     const getMultipleChoiceMinSelectionErrorMessage = () => {
@@ -12868,21 +12869,21 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 268
+        lineNumber: 270
       }
     }, partLabel && React$2.createElement('h3', {
       className: classes.partLabel,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 269
+        lineNumber: 271
       }
     }, partLabel), this.renderHeading(), teacherInstructions && React$2.createElement('div', {
       className: classes.teacherInstructions,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 274
+        lineNumber: 276
       }
     }, !animationsDisabled ? React$2.createElement(Collapsible, {
       labels: {
@@ -12892,25 +12893,25 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 276
+        lineNumber: 278
       }
     }, teacherInstructionsDiv) : teacherInstructionsDiv), React$2.createElement('fieldset', {
       className: classes.fieldset,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 290
+        lineNumber: 292
       }
     }, React$2.createElement(PreviewPrompt, {
       className: "prompt",
       defaultClassName: "prompt",
       prompt: prompt,
       tagName: 'legend',
-      autoplayAudioEnabled: autoplayAudioEnabled,
+      autoplayAudioEnabled: addAutoplayAudio,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 291
+        lineNumber: 293
       }
     }), !alwaysShowCorrect && React$2.createElement(CorrectAnswerToggle, {
       show: showCorrectAnswerToggle,
@@ -12920,7 +12921,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 300
+        lineNumber: 302
       }
     }), React$2.createElement('div', {
       className: classNames({
@@ -12931,7 +12932,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 308
+        lineNumber: 310
       }
     }, choices.map((choice, index) => React$2.createElement(StyledChoice, {
       choicesLayout: this.props.choicesLayout,
@@ -12954,21 +12955,21 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 316
+        lineNumber: 318
       }
     })))), choiceMode === 'checkbox' && selections < minSelections && React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 340
+        lineNumber: 342
       }
     }, getMultipleChoiceMinSelectionErrorMessage()), choiceMode === 'checkbox' && maxSelectionsErrorState && React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 345
+        lineNumber: 347
       }
     }, translator.t(`translation:multipleChoice:maxSelections_${maxSelections === 1 ? 'one' : 'other'}`, {
       lng: language,
@@ -13194,7 +13195,9 @@ class MultipleChoice extends HTMLElement {
     const observer = new MutationObserver((mutationsList, observer) => {
       mutationsList.forEach(mutation => {
         if (mutation.type === 'childList') {
-          const audio = this.querySelector('audio[autoplay]');
+          const audio = this.querySelector('audio');
+          const isInsidePrompt = audio && audio.closest('#preview-prompt');
+          if (audio && !isInsidePrompt) return;
           if (!audio) return;
           const info = this._createAudioInfoToast();
           const enableAudio = () => {
@@ -13208,6 +13211,8 @@ class MultipleChoice extends HTMLElement {
             if (audio.paused && !this.querySelector('#play-audio-info')) {
               this.appendChild(info);
               document.addEventListener('click', enableAudio);
+            } else {
+              document.removeEventListener('click', enableAudio);
             }
           }, 500);
           const handlePlaying = () => {

package/module/print.js

@@ -12796,6 +12796,7 @@ class MultipleChoice$1 extends React$2.Component {
       gridTemplateColumns: `repeat(${gridColumns}, 1fr)`
     } : undefined;
     const selections = session.value && session.value.length || 0;
+    const addAutoplayAudio = autoplayAudioEnabled && !((/Safari|Firefox|Edg/).test(navigator.userAgent) && !(/Chrome/).test(navigator.userAgent));
     const teacherInstructionsDiv = React$2.createElement(PreviewPrompt, {
       tagName: "div",
       className: "prompt",
@@ -12804,7 +12805,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 245
+        lineNumber: 247
       }
     });
     const getMultipleChoiceMinSelectionErrorMessage = () => {
@@ -12831,21 +12832,21 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 268
+        lineNumber: 270
       }
     }, partLabel && React$2.createElement('h3', {
       className: classes.partLabel,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 269
+        lineNumber: 271
       }
     }, partLabel), this.renderHeading(), teacherInstructions && React$2.createElement('div', {
       className: classes.teacherInstructions,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 274
+        lineNumber: 276
       }
     }, !animationsDisabled ? React$2.createElement(Collapsible, {
       labels: {
@@ -12855,25 +12856,25 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 276
+        lineNumber: 278
       }
     }, teacherInstructionsDiv) : teacherInstructionsDiv), React$2.createElement('fieldset', {
       className: classes.fieldset,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 290
+        lineNumber: 292
       }
     }, React$2.createElement(PreviewPrompt, {
       className: "prompt",
       defaultClassName: "prompt",
       prompt: prompt,
       tagName: 'legend',
-      autoplayAudioEnabled: autoplayAudioEnabled,
+      autoplayAudioEnabled: addAutoplayAudio,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 291
+        lineNumber: 293
       }
     }), !alwaysShowCorrect && React$2.createElement(CorrectAnswerToggle, {
       show: showCorrectAnswerToggle,
@@ -12883,7 +12884,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 300
+        lineNumber: 302
       }
     }), React$2.createElement('div', {
       className: classNames({
@@ -12894,7 +12895,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 308
+        lineNumber: 310
       }
     }, choices.map((choice, index) => React$2.createElement(StyledChoice, {
       choicesLayout: this.props.choicesLayout,
@@ -12917,21 +12918,21 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 316
+        lineNumber: 318
       }
     })))), choiceMode === 'checkbox' && selections < minSelections && React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 340
+        lineNumber: 342
       }
     }, getMultipleChoiceMinSelectionErrorMessage()), choiceMode === 'checkbox' && maxSelectionsErrorState && React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 345
+        lineNumber: 347
       }
     }, translator$1.t(`translation:multipleChoice:maxSelections_${maxSelections === 1 ? 'one' : 'other'}`, {
       lng: language,
@@ -13194,7 +13195,9 @@ class MultipleChoice extends HTMLElement {
     const observer = new MutationObserver((mutationsList, observer) => {
       mutationsList.forEach(mutation => {
         if (mutation.type === 'childList') {
-          const audio = this.querySelector('audio[autoplay]');
+          const audio = this.querySelector('audio');
+          const isInsidePrompt = audio && audio.closest('#preview-prompt');
+          if (audio && !isInsidePrompt) return;
           if (!audio) return;
           const info = this._createAudioInfoToast();
           const enableAudio = () => {
@@ -13208,6 +13211,8 @@ class MultipleChoice extends HTMLElement {
             if (audio.paused && !this.querySelector('#play-audio-info')) {
               this.appendChild(info);
               document.addEventListener('click', enableAudio);
+            } else {
+              document.removeEventListener('click', enableAudio);
             }
           }, 500);
           const handlePlaying = () => {

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@pie-element/ebsr",
-  "version": "10.3.4-next.0+222649200",
+  "version": "10.3.4-next.3+ad7e530be",
   "description": "",
   "repository": "pie-framework/pie-elements",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@pie-element/multiple-choice": "^9.10.1-next.0+222649200",
+    "@pie-element/multiple-choice": "^9.10.1-next.3+ad7e530be",
     "@pie-framework/pie-player-events": "^0.1.0",
     "@pie-lib/pie-toolbox": "2.9.0",
     "classnames": "^2.2.5",
@@ -16,7 +16,7 @@
   },
   "author": "pie framework developers",
   "license": "ISC",
-  "gitHead": "22264920035c004ecee9a90c99eb2863e3ce6c60",
+  "gitHead": "ad7e530beaeba3fd71f3af1eca713ae156e4b2b2",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },