@pie-element/ebsr 10.7.2 → 10.7.3-next.12

package/configure/node_modules/@pie-element/multiple-choice/lib/index.js

@@ -0,0 +1,388 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isComplete = exports["default"] = void 0;
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
+
+var _main = _interopRequireDefault(require("./main"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _piePlayerEvents = require("@pie-framework/pie-player-events");
+
+var _mathRendering = require("@pie-lib/pie-toolbox/math-rendering");
+
+var _renderUi = require("@pie-lib/pie-toolbox/render-ui");
+
+var _sessionUpdater = require("./session-updater");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var log = (0, _debug["default"])('pie-ui:multiple-choice');
+
+var isComplete = function isComplete(session, model, audioComplete, elementContext) {
+  var _ref = model || {},
+      autoplayAudioEnabled = _ref.autoplayAudioEnabled,
+      completeAudioEnabled = _ref.completeAudioEnabled; // check audio completion if audio settings are enabled and audio actually exists
+
+
+  if (autoplayAudioEnabled && completeAudioEnabled && !audioComplete) {
+    if (elementContext) {
+      var audio = elementContext.querySelector('audio');
+      var isInsidePrompt = audio && audio.closest('#preview-prompt'); // only require audio completion if audio exists and is inside the prompt
+
+      if (audio && isInsidePrompt) {
+        return false;
+      }
+    }
+  }
+
+  if (!session || !session.value) {
+    return false;
+  }
+
+  var _ref2 = model || {},
+      choiceMode = _ref2.choiceMode,
+      _ref2$minSelections = _ref2.minSelections,
+      minSelections = _ref2$minSelections === void 0 ? 1 : _ref2$minSelections,
+      maxSelections = _ref2.maxSelections;
+
+  var selections = session.value.length || 0;
+
+  if (choiceMode === 'radio') {
+    return !!selections;
+  }
+
+  if (selections < minSelections || selections > maxSelections) {
+    return false;
+  }
+
+  return true;
+};
+
+exports.isComplete = isComplete;
+
+var MultipleChoice = /*#__PURE__*/function (_HTMLElement) {
+  (0, _inherits2["default"])(MultipleChoice, _HTMLElement);
+
+  var _super = _createSuper(MultipleChoice);
+
+  function MultipleChoice() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, MultipleChoice);
+    _this = _super.call(this);
+    _this._model = null;
+    _this._session = null;
+    _this.audioComplete = false;
+    _this._boundHandleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2["default"])(_this));
+    _this._keyboardEventsEnabled = false;
+    _this._audioInitialized = false;
+    _this._rerender = (0, _debounce["default"])(function () {
+      if (_this._model && _this._session) {
+        var element = /*#__PURE__*/_react["default"].createElement(_main["default"], {
+          model: _this._model,
+          session: _this._session,
+          onChoiceChanged: _this._onChange.bind((0, _assertThisInitialized2["default"])(_this)),
+          onShowCorrectToggle: _this.onShowCorrectToggle.bind((0, _assertThisInitialized2["default"])(_this))
+        }); //TODO: aria-label is set in the _rerender because we need to change it when the model.choiceMode is updated. Consider revisiting the placement of the aria-label setting in the _rerender
+
+
+        _this.setAttribute('aria-label', _this._model.choiceMode === 'radio' ? 'Multiple Choice Question' : 'Multiple Correct Answer Question');
+
+        _this.setAttribute('role', 'region');
+
+        _this.setLangAttribute();
+
+        _reactDom["default"].render(element, (0, _assertThisInitialized2["default"])(_this), function () {
+          log('render complete - render math');
+          (0, _mathRendering.renderMath)((0, _assertThisInitialized2["default"])(_this));
+        });
+
+        if (_this._model.keyboardEventsEnabled === true && !_this._keyboardEventsEnabled) {
+          _this.enableKeyboardEvents();
+        }
+      } else {
+        log('skip');
+      }
+    }, 50, {
+      leading: false,
+      trailing: true
+    });
+    _this._dispatchResponseChanged = (0, _debounce["default"])(function () {
+      _this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(_this.tagName.toLowerCase(), isComplete(_this._session, _this._model, _this.audioComplete, (0, _assertThisInitialized2["default"])(_this))));
+    });
+    _this._dispatchModelSet = (0, _debounce["default"])(function () {
+      _this.dispatchEvent(new _piePlayerEvents.ModelSetEvent(_this.tagName.toLowerCase(), isComplete(_this._session, _this._model, _this.audioComplete, (0, _assertThisInitialized2["default"])(_this)), _this._model !== undefined));
+    }, 50, {
+      leading: false,
+      trailing: true
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(MultipleChoice, [{
+    key: "onShowCorrectToggle",
+    value: function onShowCorrectToggle() {
+      (0, _mathRendering.renderMath)(this);
+    }
+  }, {
+    key: "setLangAttribute",
+    value: function setLangAttribute() {
+      var language = this._model && (0, _typeof2["default"])(this._model.language) ? this._model.language : '';
+      var lang = language ? language.slice(0, 2) : 'en';
+      this.setAttribute('lang', lang);
+    }
+  }, {
+    key: "model",
+    set: function set(s) {
+      this._model = s;
+
+      this._rerender(); // reset the audioInitialized to false since the model changed, and we might need to reinitialize the audio
+
+
+      this._audioInitialized = false;
+
+      this._dispatchModelSet();
+    }
+  }, {
+    key: "session",
+    get: function get() {
+      return this._session;
+    },
+    set: function set(s) {
+      this._session = s;
+
+      this._rerender(); //TODO: remove this session-changed should only be emit on user change
+
+
+      this._dispatchResponseChanged();
+    }
+  }, {
+    key: "_onChange",
+    value: function _onChange(data) {
+      (0, _sessionUpdater.updateSessionValue)(this._session, this._model.choiceMode, data);
+
+      this._dispatchResponseChanged();
+
+      this._rerender();
+    }
+  }, {
+    key: "_createAudioInfoToast",
+    value: function _createAudioInfoToast() {
+      var info = document.createElement('div');
+      info.id = 'play-audio-info';
+      Object.assign(info.style, {
+        position: 'absolute',
+        top: 0,
+        width: '100%',
+        height: '100%',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        background: 'white',
+        zIndex: '1000',
+        cursor: 'pointer'
+      });
+      var img = document.createElement('img');
+      img.src = _renderUi.EnableAudioAutoplayImage;
+      img.alt = 'Click anywhere to enable audio autoplay';
+      img.width = 500;
+      img.height = 300;
+      info.appendChild(img);
+      return info;
+    }
+  }, {
+    key: "connectedCallback",
+    value: function connectedCallback() {
+      var _this2 = this;
+
+      this._rerender(); // Observation:  audio in Chrome will have the autoplay attribute,
+      // while other browsers will not have the autoplay attribute and will need a user interaction to play the audio
+      // This workaround fixes the issue of audio being cached and played on any user interaction in Safari and Firefox
+
+
+      var observer = new MutationObserver(function (mutationsList, observer) {
+        mutationsList.forEach(function (mutation) {
+          if (mutation.type === 'childList') {
+            if (_this2._audioInitialized) return;
+
+            var audio = _this2.querySelector('audio');
+
+            var isInsidePrompt = audio && audio.closest('#preview-prompt');
+            if (!_this2._model) return;
+            if (!_this2._model.autoplayAudioEnabled) return;
+            if (audio && !isInsidePrompt) return;
+            if (!audio) return;
+
+            var info = _this2._createAudioInfoToast();
+
+            var container = _this2.querySelector('#main-container');
+
+            var enableAudio = function enableAudio() {
+              if (_this2.querySelector('#play-audio-info')) {
+                audio.play();
+                container.removeChild(info);
+              }
+
+              document.removeEventListener('click', enableAudio);
+            }; // if the audio is paused, it means the user has not interacted with the page yet and the audio will not play
+            // FIX FOR SAFARI: play with a slight delay to check if autoplay was blocked
+
+
+            setTimeout(function () {
+              if (audio.paused && !_this2.querySelector('#play-audio-info')) {
+                // add info message as a toast to enable audio playback
+                container.appendChild(info);
+                document.addEventListener('click', enableAudio);
+              } else {
+                document.removeEventListener('click', enableAudio);
+              }
+            }, 500); // we need to listen for the playing event to remove the toast in case the audio plays because of re-rendering
+
+            var handlePlaying = function handlePlaying() {
+              (0, _sessionUpdater.updateSessionMetadata)(_this2._session, {
+                audioStartTime: new Date().getTime()
+              });
+
+              var info = _this2.querySelector('#play-audio-info');
+
+              if (info) {
+                container.removeChild(info);
+              }
+
+              audio.removeEventListener('playing', handlePlaying);
+            };
+
+            audio.addEventListener('playing', handlePlaying); // we need to listen for the ended event to update the isComplete state
+
+            var handleEnded = function handleEnded() {
+              (0, _sessionUpdater.updateSessionMetadata)(_this2._session, {
+                audioEndTime: new Date().getTime()
+              });
+              _this2.audioComplete = true;
+
+              _this2._dispatchResponseChanged();
+
+              audio.removeEventListener('ended', handleEnded);
+            };
+
+            audio.addEventListener('ended', handleEnded); // store references to remove later
+
+            _this2._audio = audio;
+            _this2._handlePlaying = handlePlaying;
+            _this2._handleEnded = handleEnded;
+            _this2._enableAudio = enableAudio; // set to true to prevent multiple initializations
+
+            _this2._audioInitialized = true;
+            observer.disconnect();
+          }
+        });
+      });
+      observer.observe(this, {
+        childList: true,
+        subtree: true
+      });
+    }
+  }, {
+    key: "enableKeyboardEvents",
+    value: function enableKeyboardEvents() {
+      if (!this._keyboardEventsEnabled) {
+        window.addEventListener('keydown', this._boundHandleKeyDown);
+        this._keyboardEventsEnabled = true;
+      }
+    }
+  }, {
+    key: "disconnectedCallback",
+    value: function disconnectedCallback() {
+      if (this._keyboardEventsEnabled) {
+        window.removeEventListener('keydown', this._boundHandleKeyDown);
+        this._keyboardEventsEnabled = false;
+      }
+
+      document.removeEventListener('click', this._enableAudio);
+
+      if (this._audio) {
+        this._audio.removeEventListener('playing', this._handlePlaying);
+
+        this._audio.removeEventListener('ended', this._handleEnded);
+
+        this._audio = null;
+      }
+    }
+    /**
+     * Handles global keyboard events for selecting or toggling multiple-choice answers.
+     * Maps keys (1-9, 0, a-j, A-J) to choices and updates the session state accordingly.
+     * Ensures valid key presses toggle or select the appropriate choice based on the model.
+     */
+
+  }, {
+    key: "handleKeyDown",
+    value: function handleKeyDown(event) {
+      var _this$_model$choices;
+
+      if (!this._model || !this._session) {
+        return;
+      }
+
+      var mode = this._model.mode;
+
+      if (mode !== 'gather') {
+        return;
+      }
+
+      var keyToIndex = function keyToIndex(key) {
+        var numOffset = key >= '1' && key <= '9' ? key - '1' : key === '0' ? 9 : -1;
+        var letterOffset = /^[a-jA-J]$/.test(key) ? key.toLowerCase().charCodeAt(0) - 'a'.charCodeAt(0) : -1;
+        return numOffset >= 0 ? numOffset : letterOffset;
+      };
+
+      var choiceIndex = keyToIndex(event.key);
+
+      if (choiceIndex === undefined || choiceIndex <= -1 || choiceIndex >= ((_this$_model$choices = this._model.choices) === null || _this$_model$choices === void 0 ? void 0 : _this$_model$choices.length)) {
+        return;
+      }
+
+      var currentValue = this._session.value || [];
+      var choiceId = this._model.choices[choiceIndex].value;
+      var newValue = {
+        value: choiceId,
+        selected: !currentValue.includes(choiceId),
+        selector: 'Keyboard'
+      };
+
+      this._onChange(newValue);
+    }
+  }]);
+  return MultipleChoice;
+}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
+
+exports["default"] = MultipleChoice;
+//# sourceMappingURL=index.js.map

package/configure/node_modules/@pie-element/multiple-choice/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.js"],"names":["log","isComplete","session","model","audioComplete","elementContext","autoplayAudioEnabled","completeAudioEnabled","audio","querySelector","isInsidePrompt","closest","value","choiceMode","minSelections","maxSelections","selections","length","MultipleChoice","_model","_session","_boundHandleKeyDown","handleKeyDown","bind","_keyboardEventsEnabled","_audioInitialized","_rerender","element","React","createElement","Main","onChoiceChanged","_onChange","onShowCorrectToggle","setAttribute","setLangAttribute","ReactDOM","render","keyboardEventsEnabled","enableKeyboardEvents","leading","trailing","_dispatchResponseChanged","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","_dispatchModelSet","ModelSetEvent","undefined","language","lang","slice","s","data","info","document","id","Object","assign","style","position","top","width","height","display","justifyContent","alignItems","background","zIndex","cursor","img","src","EnableAudioAutoplayImage","alt","appendChild","observer","MutationObserver","mutationsList","forEach","mutation","type","_createAudioInfoToast","container","enableAudio","play","removeChild","removeEventListener","setTimeout","paused","addEventListener","handlePlaying","audioStartTime","Date","getTime","handleEnded","audioEndTime","_audio","_handlePlaying","_handleEnded","_enableAudio","disconnect","observe","childList","subtree","window","event","mode","keyToIndex","key","numOffset","letterOffset","test","charCodeAt","choiceIndex","choices","currentValue","choiceId","newValue","selected","includes","selector","HTMLElement"],"mappings":"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","sourcesContent":["import Main from './main';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport debounce from 'lodash/debounce';\nimport debug from 'debug';\nimport { ModelSetEvent, SessionChangedEvent } from '@pie-framework/pie-player-events';\nimport { renderMath } from '@pie-lib/pie-toolbox/math-rendering';\nimport { EnableAudioAutoplayImage } from '@pie-lib/pie-toolbox/render-ui';\nimport { updateSessionValue, updateSessionMetadata } from './session-updater';\n\nconst log = debug('pie-ui:multiple-choice');\n\nexport const isComplete = (session, model, audioComplete, elementContext) => {\n  const { autoplayAudioEnabled, completeAudioEnabled } = model || {};\n\n  // check audio completion if audio settings are enabled and audio actually exists\n  if (autoplayAudioEnabled && completeAudioEnabled && !audioComplete) {\n    if (elementContext) {\n      const audio = elementContext.querySelector('audio');\n      const isInsidePrompt = audio && audio.closest('#preview-prompt');\n\n      // only require audio completion if audio exists and is inside the prompt\n      if (audio && isInsidePrompt) {\n        return false;\n      }\n    }\n  }\n\n  if (!session || !session.value) {\n    return false;\n  }\n\n  const { choiceMode, minSelections = 1, maxSelections } = model || {};\n  const selections = session.value.length || 0;\n\n  if (choiceMode === 'radio') {\n    return !!selections;\n  }\n\n  if (selections < minSelections || selections > maxSelections) {\n    return false;\n  }\n\n  return true;\n};\n\nexport default class MultipleChoice extends HTMLElement {\n  constructor() {\n    super();\n    this._model = null;\n    this._session = null;\n    this.audioComplete = false;\n    this._boundHandleKeyDown = this.handleKeyDown.bind(this);\n    this._keyboardEventsEnabled = false;\n    this._audioInitialized = false;\n\n    this._rerender = debounce(\n      () => {\n        if (this._model && this._session) {\n          var element = React.createElement(Main, {\n            model: this._model,\n            session: this._session,\n            onChoiceChanged: this._onChange.bind(this),\n            onShowCorrectToggle: this.onShowCorrectToggle.bind(this),\n          });\n\n          //TODO: aria-label is set in the _rerender because we need to change it when the model.choiceMode is updated. Consider revisiting the placement of the aria-label setting in the _rerender\n          this.setAttribute(\n            'aria-label',\n            this._model.choiceMode === 'radio' ? 'Multiple Choice Question' : 'Multiple Correct Answer Question',\n          );\n          this.setAttribute('role', 'region');\n          this.setLangAttribute();\n\n          ReactDOM.render(element, this, () => {\n            log('render complete - render math');\n            renderMath(this);\n          });\n\n          if (this._model.keyboardEventsEnabled === true && !this._keyboardEventsEnabled) {\n            this.enableKeyboardEvents();\n          }\n        } else {\n          log('skip');\n        }\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n\n    this._dispatchResponseChanged = debounce(() => {\n      this.dispatchEvent(\n        new SessionChangedEvent(\n          this.tagName.toLowerCase(),\n          isComplete(this._session, this._model, this.audioComplete, this),\n        ),\n      );\n    });\n\n    this._dispatchModelSet = debounce(\n      () => {\n        this.dispatchEvent(\n          new ModelSetEvent(\n            this.tagName.toLowerCase(),\n            isComplete(this._session, this._model, this.audioComplete, this),\n            this._model !== undefined,\n          ),\n        );\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n  }\n\n  onShowCorrectToggle() {\n    renderMath(this);\n  }\n\n  setLangAttribute() {\n    const language = this._model && typeof this._model.language ? this._model.language : '';\n    const lang = language ? language.slice(0, 2) : 'en';\n    this.setAttribute('lang', lang);\n  }\n\n  set model(s) {\n    this._model = s;\n    this._rerender();\n    // reset the audioInitialized to false since the model changed, and we might need to reinitialize the audio\n    this._audioInitialized = false;\n    this._dispatchModelSet();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  set session(s) {\n    this._session = s;\n    this._rerender();\n    //TODO: remove this session-changed should only be emit on user change\n    this._dispatchResponseChanged();\n  }\n\n  _onChange(data) {\n    updateSessionValue(this._session, this._model.choiceMode, data);\n    this._dispatchResponseChanged();\n    this._rerender();\n  }\n\n  _createAudioInfoToast() {\n    const info = document.createElement('div');\n    info.id = 'play-audio-info';\n\n    Object.assign(info.style, {\n      position: 'absolute',\n      top: 0,\n      width: '100%',\n      height: '100%',\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      background: 'white',\n      zIndex: '1000',\n      cursor: 'pointer',\n    });\n\n    const img = document.createElement('img');\n    img.src = EnableAudioAutoplayImage;\n    img.alt = 'Click anywhere to enable audio autoplay';\n    img.width = 500;\n    img.height = 300;\n\n    info.appendChild(img);\n    return info;\n  }\n\n  connectedCallback() {\n    this._rerender();\n\n    // Observation:  audio in Chrome will have the autoplay attribute,\n    // while other browsers will not have the autoplay attribute and will need a user interaction to play the audio\n    // This workaround fixes the issue of audio being cached and played on any user interaction in Safari and Firefox\n    const observer = new MutationObserver((mutationsList, observer) => {\n      mutationsList.forEach((mutation) => {\n        if (mutation.type === 'childList') {\n          if (this._audioInitialized) return;\n\n          const audio = this.querySelector('audio');\n          const isInsidePrompt = audio && audio.closest('#preview-prompt');\n\n          if (!this._model) return;\n          if (!this._model.autoplayAudioEnabled) return;\n          if (audio && !isInsidePrompt) return;\n          if (!audio) return;\n\n          const info = this._createAudioInfoToast();\n          const container = this.querySelector('#main-container');\n          const enableAudio = () => {\n            if (this.querySelector('#play-audio-info')) {\n              audio.play();\n              container.removeChild(info);\n            }\n\n            document.removeEventListener('click', enableAudio);\n          };\n\n          // if the audio is paused, it means the user has not interacted with the page yet and the audio will not play\n          // FIX FOR SAFARI: play with a slight delay to check if autoplay was blocked\n          setTimeout(() => {\n            if (audio.paused && !this.querySelector('#play-audio-info')) {\n              // add info message as a toast to enable audio playback\n              container.appendChild(info);\n              document.addEventListener('click', enableAudio);\n            } else {\n              document.removeEventListener('click', enableAudio);\n            }\n          }, 500);\n\n          // we need to listen for the playing event to remove the toast in case the audio plays because of re-rendering\n          const handlePlaying = () => {\n            updateSessionMetadata(this._session, { audioStartTime: new Date().getTime() });\n\n            const info = this.querySelector('#play-audio-info');\n            if (info) {\n              container.removeChild(info);\n            }\n\n            audio.removeEventListener('playing', handlePlaying);\n          };\n\n          audio.addEventListener('playing', handlePlaying);\n\n          // we need to listen for the ended event to update the isComplete state\n          const handleEnded = () => {\n            updateSessionMetadata(this._session, { audioEndTime: new Date().getTime() });\n            this.audioComplete = true;\n            this._dispatchResponseChanged();\n            audio.removeEventListener('ended', handleEnded);\n          };\n\n          audio.addEventListener('ended', handleEnded);\n\n          // store references to remove later\n          this._audio = audio;\n          this._handlePlaying = handlePlaying;\n          this._handleEnded = handleEnded;\n          this._enableAudio = enableAudio;\n          // set to true to prevent multiple initializations\n          this._audioInitialized = true;\n\n          observer.disconnect();\n        }\n      });\n    });\n\n    observer.observe(this, { childList: true, subtree: true });\n  }\n\n  enableKeyboardEvents() {\n    if (!this._keyboardEventsEnabled) {\n      window.addEventListener('keydown', this._boundHandleKeyDown);\n      this._keyboardEventsEnabled = true;\n    }\n  }\n\n  disconnectedCallback() {\n    if (this._keyboardEventsEnabled) {\n      window.removeEventListener('keydown', this._boundHandleKeyDown);\n      this._keyboardEventsEnabled = false;\n    }\n\n    document.removeEventListener('click', this._enableAudio);\n\n    if (this._audio) {\n      this._audio.removeEventListener('playing', this._handlePlaying);\n      this._audio.removeEventListener('ended', this._handleEnded);\n      this._audio = null;\n    }\n  }\n\n  /**\n   * Handles global keyboard events for selecting or toggling multiple-choice answers.\n   * Maps keys (1-9, 0, a-j, A-J) to choices and updates the session state accordingly.\n   * Ensures valid key presses toggle or select the appropriate choice based on the model.\n   */\n  handleKeyDown(event) {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    const { mode } = this._model;\n    if (mode !== 'gather') {\n      return;\n    }\n\n    const keyToIndex = (key) => {\n      const numOffset = key >= '1' && key <= '9' ? key - '1' : key === '0' ? 9 : -1;\n      const letterOffset = /^[a-jA-J]$/.test(key) ? key.toLowerCase().charCodeAt(0) - 'a'.charCodeAt(0) : -1;\n      return numOffset >= 0 ? numOffset : letterOffset;\n    };\n\n    const choiceIndex = keyToIndex(event.key);\n\n    if (choiceIndex === undefined || choiceIndex <= -1 || choiceIndex >= this._model.choices?.length) {\n      return;\n    }\n\n    const currentValue = this._session.value || [];\n    const choiceId = this._model.choices[choiceIndex].value;\n\n    const newValue = {\n      value: choiceId,\n      selected: !currentValue.includes(choiceId),\n      selector: 'Keyboard',\n    };\n\n    this._onChange(newValue);\n  }\n}\n"],"file":"index.js"}

package/configure/node_modules/@pie-element/multiple-choice/lib/main.js

@@ -0,0 +1,108 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _renderUi = require("@pie-lib/pie-toolbox/render-ui");
+
+var _multipleChoice = _interopRequireDefault(require("./multiple-choice"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var styles = function styles() {
+  return {};
+};
+
+var Main = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Main, _React$Component);
+
+  var _super = _createSuper(Main);
+
+  function Main(props) {
+    (0, _classCallCheck2["default"])(this, Main);
+    return _super.call(this, props);
+  }
+
+  (0, _createClass2["default"])(Main, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          model = _this$props.model,
+          onChoiceChanged = _this$props.onChoiceChanged,
+          session = _this$props.session,
+          onShowCorrectToggle = _this$props.onShowCorrectToggle;
+      var extraCSSRules = model.extraCSSRules,
+          fontSizeFactor = model.fontSizeFactor; // model.partLabel is a property used for ebsr
+
+      return /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewLayout, {
+        extraCSSRules: extraCSSRules,
+        fontSizeFactor: fontSizeFactor
+      }, /*#__PURE__*/_react["default"].createElement(_multipleChoice["default"], (0, _extends2["default"])({}, model, {
+        session: session,
+        onChoiceChanged: onChoiceChanged,
+        onShowCorrectToggle: onShowCorrectToggle
+      })));
+    }
+  }]);
+  return Main;
+}(_react["default"].Component);
+
+(0, _defineProperty2["default"])(Main, "propTypes", {
+  model: _propTypes["default"].object,
+  session: _propTypes["default"].object,
+  onChoiceChanged: _propTypes["default"].func,
+  classes: _propTypes["default"].object.isRequired,
+  onShowCorrectToggle: _propTypes["default"].func,
+  extraCSSRules: _propTypes["default"].shape({
+    names: _propTypes["default"].arrayOf(_propTypes["default"].string),
+    rules: _propTypes["default"].string
+  })
+});
+(0, _defineProperty2["default"])(Main, "defaultProps", {
+  model: {},
+  session: {}
+});
+var Styled = (0, _styles.withStyles)(styles, {
+  name: 'Main'
+})(Main);
+var theme = (0, _styles.createMuiTheme)({
+  typography: {
+    useNextVariants: true
+  }
+});
+
+var Root = function Root(props) {
+  return /*#__PURE__*/_react["default"].createElement(_styles.MuiThemeProvider, {
+    theme: theme
+  }, /*#__PURE__*/_react["default"].createElement(Styled, props));
+};
+
+var _default = Root;
+exports["default"] = _default;
+//# sourceMappingURL=main.js.map

package/configure/node_modules/@pie-element/multiple-choice/lib/main.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/main.jsx"],"names":["styles","Main","props","model","onChoiceChanged","session","onShowCorrectToggle","extraCSSRules","fontSizeFactor","React","Component","PropTypes","object","func","classes","isRequired","shape","names","arrayOf","string","rules","Styled","name","theme","typography","useNextVariants","Root"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO,EAAP;AAAA,CAAf;;IAEMC,I;;;;;AAiBJ,gBAAYC,KAAZ,EAAmB;AAAA;AAAA,6BACXA,KADW;AAElB;;;;WAED,kBAAS;AACP,wBAAiE,KAAKA,KAAtE;AAAA,UAAQC,KAAR,eAAQA,KAAR;AAAA,UAAeC,eAAf,eAAeA,eAAf;AAAA,UAAgCC,OAAhC,eAAgCA,OAAhC;AAAA,UAAyCC,mBAAzC,eAAyCA,mBAAzC;AACA,UAAQC,aAAR,GAA0CJ,KAA1C,CAAQI,aAAR;AAAA,UAAuBC,cAAvB,GAA0CL,KAA1C,CAAuBK,cAAvB,CAFO,CAIP;;AACA,0BACE,gCAAC,uBAAD;AAAe,QAAA,aAAa,EAAED,aAA9B;AAA6C,QAAA,cAAc,EAAEC;AAA7D,sBACE,gCAAC,0BAAD,gCACML,KADN;AAEE,QAAA,OAAO,EAAEE,OAFX;AAGE,QAAA,eAAe,EAAED,eAHnB;AAIE,QAAA,mBAAmB,EAAEE;AAJvB,SADF,CADF;AAUD;;;EApCgBG,kBAAMC,S;;iCAAnBT,I,eACe;AACjBE,EAAAA,KAAK,EAAEQ,sBAAUC,MADA;AAEjBP,EAAAA,OAAO,EAAEM,sBAAUC,MAFF;AAGjBR,EAAAA,eAAe,EAAEO,sBAAUE,IAHV;AAIjBC,EAAAA,OAAO,EAAEH,sBAAUC,MAAV,CAAiBG,UAJT;AAKjBT,EAAAA,mBAAmB,EAAEK,sBAAUE,IALd;AAMjBN,EAAAA,aAAa,EAAEI,sBAAUK,KAAV,CAAgB;AAC7BC,IAAAA,KAAK,EAAEN,sBAAUO,OAAV,CAAkBP,sBAAUQ,MAA5B,CADsB;AAE7BC,IAAAA,KAAK,EAAET,sBAAUQ;AAFY,GAAhB;AANE,C;iCADflB,I,kBAakB;AACpBE,EAAAA,KAAK,EAAE,EADa;AAEpBE,EAAAA,OAAO,EAAE;AAFW,C;AA0BxB,IAAMgB,MAAM,GAAG,wBAAWrB,MAAX,EAAmB;AAAEsB,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAAqCrB,IAArC,CAAf;AAEA,IAAMsB,KAAK,GAAG,4BAAe;AAC3BC,EAAAA,UAAU,EAAE;AACVC,IAAAA,eAAe,EAAE;AADP;AADe,CAAf,CAAd;;AAMA,IAAMC,IAAI,GAAG,SAAPA,IAAO,CAACxB,KAAD;AAAA,sBACX,gCAAC,wBAAD;AAAkB,IAAA,KAAK,EAAEqB;AAAzB,kBACE,gCAAC,MAAD,EAAYrB,KAAZ,CADF,CADW;AAAA,CAAb;;eAMewB,I","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\nimport { PreviewLayout } from '@pie-lib/pie-toolbox/render-ui';\nimport MultipleChoice from './multiple-choice';\n\nconst styles = () => ({});\n\nclass Main extends React.Component {\n  static propTypes = {\n    model: PropTypes.object,\n    session: PropTypes.object,\n    onChoiceChanged: PropTypes.func,\n    classes: PropTypes.object.isRequired,\n    onShowCorrectToggle: PropTypes.func,\n    extraCSSRules: PropTypes.shape({\n      names: PropTypes.arrayOf(PropTypes.string),\n      rules: PropTypes.string,\n    }),\n  };\n\n  static defaultProps = {\n    model: {},\n    session: {},\n  };\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const { model, onChoiceChanged, session, onShowCorrectToggle } = this.props;\n    const { extraCSSRules, fontSizeFactor } = model;\n\n    // model.partLabel is a property used for ebsr\n    return (\n      <PreviewLayout extraCSSRules={extraCSSRules} fontSizeFactor={fontSizeFactor}>\n        <MultipleChoice\n          {...model}\n          session={session}\n          onChoiceChanged={onChoiceChanged}\n          onShowCorrectToggle={onShowCorrectToggle}\n        />\n      </PreviewLayout>\n    );\n  }\n}\n\nconst Styled = withStyles(styles, { name: 'Main' })(Main);\n\nconst theme = createMuiTheme({\n  typography: {\n    useNextVariants: true,\n  },\n});\n\nconst Root = (props) => (\n  <MuiThemeProvider theme={theme}>\n    <Styled {...props} />\n  </MuiThemeProvider>\n);\n\nexport default Root;\n"],"file":"main.js"}