@instructure/quiz-core 22.17.0 → 22.18.0

package/es/banks/components/BankEntry/presenter.js

@@ -1,8 +1,10 @@
-/** @jsx jsx */ function _assert_this_initialized(self) {
-    if (self === void 0) {
-        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-    return self;
+/** @jsx jsx */ function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
 }
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     try {
@@ -33,91 +35,43 @@ function _async_to_generator(fn) {
         });
     };
 }
-function _call_super(_this, derived, args) {
-    derived = _get_prototype_of(derived);
-    return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
-}
-function _class_call_check(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-        throw new TypeError("Cannot call a class as a function");
-    }
-}
-function _defineProperties(target, props) {
-    for(var i = 0; i < props.length; i++){
-        var descriptor = props[i];
-        descriptor.enumerable = descriptor.enumerable || false;
-        descriptor.configurable = true;
-        if ("value" in descriptor) descriptor.writable = true;
-        Object.defineProperty(target, descriptor.key, descriptor);
-    }
-}
-function _create_class(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties(Constructor, staticProps);
-    return Constructor;
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _get_prototype_of(o) {
-    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
-        return o.__proto__ || Object.getPrototypeOf(o);
-    };
-    return _get_prototype_of(o);
-}
-function _inherits(subClass, superClass) {
-    if (typeof superClass !== "function" && superClass !== null) {
-        throw new TypeError("Super expression must either be null or a function");
-    }
-    subClass.prototype = Object.create(superClass && superClass.prototype, {
-        constructor: {
-            value: subClass,
-            writable: true,
-            configurable: true
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
         }
-    });
-    if (superClass) _set_prototype_of(subClass, superClass);
-}
-function _possible_constructor_return(self, call) {
-    if (call && (_type_of(call) === "object" || typeof call === "function")) {
-        return call;
     }
-    return _assert_this_initialized(self);
-}
-function _set_prototype_of(o, p) {
-    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
-        o.__proto__ = p;
-        return o;
-    };
-    return _set_prototype_of(o, p);
+    return _arr;
 }
-function _type_of(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _is_native_reflect_construct() {
-    try {
-        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
-    } catch (_) {}
-    return (_is_native_reflect_construct = function() {
-        return !!result;
-    })();
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
 }
-function _ts_decorate(decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 function _ts_generator(thisArg, body) {
     var f, y, t, _ = {
@@ -210,7 +164,7 @@ function _ts_generator(thisArg, body) {
         };
     }
 }
-import { Component } from 'react';
+import { useCallback, useState, useEffect, useRef } from 'react';
 import ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
 import Immutable from 'immutable';
@@ -244,674 +198,577 @@ import { createItem } from '../../../building/api/items';
 import { createStimulus } from '../../../building/api/stimuli';
 import { propsForItemVersioningWrapper, propsForStimulusVersioningWrapper } from '../../../common/util/warningHelpers';
 import NavWrapper from '../NavWrapper';
-import { API_INPUT_VALIDATION_ERROR, CLEAR_ALL_INPUT_VALIDATION_ERRORS, ITEM_FEEDBACK_MODAL, ITEM_FEEDBACK_MODAL_ITEM, ITEM_FEEDBACK_MODAL_FEEDBACK, PARENT_TYPE_BANK, TextInput, withStyleOverrides } from '@instructure/quiz-common';
+import { API_INPUT_VALIDATION_ERROR, CLEAR_ALL_INPUT_VALIDATION_ERRORS, ITEM_FEEDBACK_MODAL, ITEM_FEEDBACK_MODAL_ITEM, ITEM_FEEDBACK_MODAL_FEEDBACK, PARENT_TYPE_BANK } from '@instructure/quiz-common/constants';
+import { TextInput } from '@instructure/quiz-common/components/TextInput/index';
+import { withStyleOverrides } from '@instructure/quiz-common/util/withStyleOverrides';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
-export var BankEntry = /*#__PURE__*/ function(Component) {
-    "use strict";
-    _inherits(BankEntry, Component);
-    function BankEntry() {
-        _class_call_check(this, BankEntry);
-        var _this;
-        var _this1;
-        _this = _call_super(this, BankEntry, arguments), _this1 = _this, _define_property(_this1, "state", {
-            validationErrorsFromApi: {}
-        }), _define_property(_this1, "setNavToBankRef", function(node) {
-            _this1.navToBankRef = node;
-        }), _define_property(_this1, "navigateToBank", function() {
-            _this1.props.navigateToBank(_this1.props.bankId);
-        }), _define_property(_this1, "handleTitleChange", function(e) {
-            _this1.props.changeItemTitle(_this1.props.entry.id, e.target.value);
-        }), _define_property(_this1, "clearValidationErrorsFromApi", function(inputId) {
-            if (inputId === CLEAR_ALL_INPUT_VALIDATION_ERRORS) {
-                _this1.setState({
-                    validationErrorsFromApi: {}
-                });
+function BaseBankEntry(props) {
+    var bankEntryId = props.bankEntryId, bankId = props.bankId, bank = props.bank, bankEntry = props.bankEntry, entry = props.entry, changeItemTitle = props.changeItemTitle, changeQuizEntryPoints = props.changeQuizEntryPoints, cloneBankEntry = props.cloneBankEntry, clearModificationsProp = props.clearModifications, clearTemporaryBankItem = props.clearTemporaryBankItem, createEntryAndBankEntry = props.createEntryAndBankEntry, closeTray = props.closeTray, createTagAssociations = props.createTagAssociations, deleteTagAssociations = props.deleteTagAssociations, getBankEntry = props.getBankEntry, getBank = props.getBank, isCompact = props.isCompact, navigateToBanks = props.navigateToBanks, navigateToBankProp = props.navigateToBank, navigateToBuild = props.navigateToBuild, scope = props.scope, returnToUrl = props.returnToUrl, openModal = props.openModal, pendingAdditionTags = props.pendingAdditionTags, pendingDeletionTags = props.pendingDeletionTags, setPendingAdditionTagAssociations = props.setPendingAdditionTagAssociations, setPendingDeletionTagAssociations = props.setPendingDeletionTagAssociations, setShouldClone = props.setShouldClone, setUi = props.setUi, shouldClone = props.shouldClone, tagAssociations = props.tagAssociations, updateItem = props.updateItem, updateStimulus = props.updateStimulus, useBankTags = props.useBankTags, iceTopNavBarEnabled = props.iceTopNavBarEnabled, styles = props.styles;
+    var _useState = _sliced_to_array(useState({}), 2), validationErrorsFromApi = _useState[0], setValidationErrorsFromApi = _useState[1];
+    var navToBankRef = useRef(null);
+    var itemEditArea = useRef(null);
+    var addFeedbackButton = useRef(null);
+    useEffect(function() {
+        setShouldClone(false);
+        return function() {
+            return setShouldClone(false);
+        };
+    }, []);
+    useEffect(function() {
+        if (!isTemporary()) {
+            getBankEntry(bankId, bankEntryId);
+        }
+        if (navToBankRef.current) {
+            ReactDOM.findDOMNode(navToBankRef.current).focus();
+        }
+        getBank(bankId);
+    }, []);
+    function setNavToBankRef(node) {
+        navToBankRef.current = node;
+    }
+    function navigateToBank() {
+        navigateToBankProp(bankId);
+    }
+    function isTemporary() {
+        return entry && entry.isTemporary();
+    }
+    function isItemEntry() {
+        return bankEntry.entryType === 'Item';
+    }
+    function isStimulusEntry() {
+        return bankEntry === null || bankEntry === void 0 ? void 0 : bankEntry.isStimulusEntry;
+    }
+    function isPassageEntry() {
+        return bankEntry === null || bankEntry === void 0 ? void 0 : bankEntry.isPassageEntry;
+    }
+    function getEditWarning() {
+        if (isStimulusEntry()) {
+            return t('Edits made here will appear on any assessment using this stimulus.');
+        }
+        if (isPassageEntry()) {
+            return t('Edits made here will appear on any assessment using this text block.');
+        }
+        return t('Edits made here will appear on any assessment using this question.');
+    }
+    function handleTitleChange(e) {
+        changeItemTitle(entry.id, e.target.value);
+    }
+    function entryLinkName() {
+        var translations = {
+            new: {
+                question: t('New Question'),
+                stimulus: t('New Stimulus'),
+                passage: t('New Text Block')
+            },
+            edit: {
+                question: t('Edit Question'),
+                stimulus: t('Edit Stimulus'),
+                passage: t('Edit Text Block')
             }
-            if (_this1.state.validationErrorsFromApi[inputId]) {
-                var newErrors = Object.assign({}, _this1.state.validationErrorsFromApi);
-                delete newErrors[inputId];
-                _this1.setState({
-                    validationErrorsFromApi: newErrors
+        };
+        var operation = isTemporary() ? 'new' : 'edit';
+        switch(true){
+            case isItemEntry():
+                return translations[operation]['question'];
+            case isStimulusEntry():
+                return translations[operation]['stimulus'];
+            case isPassageEntry():
+                return translations[operation]['passage'];
+        }
+        return null;
+    }
+    function renderBankBreadCrumbLink() {
+        return /*#__PURE__*/ jsx(BreadcrumbLink, {
+            key: "bank",
+            onClick: navigateToBank,
+            ref: setNavToBankRef
+        }, bank.title);
+    }
+    function renderBankEntryBreadCrumbLink() {
+        return /*#__PURE__*/ jsx(BreadcrumbLink, {
+            key: "bankEntry"
+        }, entryLinkName());
+    }
+    function renderNav() {
+        var isScopeEmpty = !Object.keys(scope).length;
+        return /*#__PURE__*/ jsx(NavWrapper, {
+            closeTray: closeTray,
+            navigateToBanks: navigateToBanks,
+            navigateToBuild: navigateToBuild,
+            returnToUrl: isScopeEmpty ? null : returnToUrl,
+            scope: scope,
+            isCompact: isCompact,
+            iceTopNavBarEnabled: iceTopNavBarEnabled,
+            menuItemPath: "/banks/".concat(bankId, "/bank_entries/").concat(bankEntryId || 'new')
+        }, renderBankBreadCrumbLink(), renderBankEntryBreadCrumbLink());
+    }
+    function renderTitle(entryParam) {
+        if (isItemEntry()) {
+            return /*#__PURE__*/ jsx(TextInput, {
+                renderLabel: /*#__PURE__*/ jsx(ScreenReaderContent, null, t('Edit question title')),
+                type: "text",
+                placeholder: t('Question Title'),
+                onChange: handleTitleChange,
+                value: entryParam.getWorkingInstance().title || ''
+            });
+        }
+        return null;
+    }
+    function getIdentifier(entryParam) {
+        if (!entryParam) return null;
+        switch(true){
+            case isItemEntry():
+                return t('Question { id }', {
+                    id: entryParam.id
                 });
-            }
-        }), _define_property(_this1, "submitHandler", function() {
-            return _async_to_generator(function() {
-                var e;
-                return _ts_generator(this, function(_state) {
-                    switch(_state.label){
-                        case 0:
-                            _state.trys.push([
-                                0,
-                                5,
-                                ,
-                                6
-                            ]);
-                            if (!_this1.props.entry.isTemporary()) return [
-                                3,
-                                2
-                            ];
-                            return [
-                                4,
-                                _this1.temporarySubmit()
-                            ];
-                        case 1:
-                            _state.sent();
-                            return [
-                                3,
-                                4
-                            ];
-                        case 2:
-                            return [
-                                4,
-                                _this1.normalSubmit()
-                            ];
-                        case 3:
-                            _state.sent();
-                            _state.label = 4;
-                        case 4:
-                            return [
-                                3,
-                                6
-                            ];
-                        case 5:
-                            e = _state.sent();
-                            if (e.validationErrorsFromApi) {
-                                _this1.setState({
-                                    validationErrorsFromApi: e.validationErrorsFromApi
-                                });
-                                // Throwing an error here would cause an alert banner to show,
-                                // which we don't want in the case of a simple input validation error
-                                return [
-                                    2,
-                                    API_INPUT_VALIDATION_ERROR
-                                ];
-                            }
-                            throw e;
-                        case 6:
-                            _this1.navigateToBank();
-                            return [
-                                2
-                            ];
-                    }
+            case isStimulusEntry():
+                return t('Stimulus { id }', {
+                    id: entryParam.id
                 });
-            })();
-        }), _define_property(_this1, "handleRef", function(node) {
-            _this1.itemEditArea = node;
-        }), _define_property(_this1, "clearChanges", function() {
-            _this1.clearValidationErrorsFromApi(CLEAR_ALL_INPUT_VALIDATION_ERRORS);
-            if (!_this1.props.entry) return;
-            if (_this1.props.entry.isTemporary()) {
-                _this1.props.clearTemporaryBankItem(_this1.props.bankId);
-            }
-            _this1.props.clearModifications('items', _this1.props.entry.id);
-            _this1.props.setPendingDeletionTagAssociations(_this1.props.bankEntry.entryType, _this1.props.entry.id, []);
-            _this1.props.setPendingAdditionTagAssociations(_this1.props.bankEntry.entryType, _this1.props.entry.id, []);
-        }), _define_property(_this1, "handlePointsChange", function(points) {
-            _this1.props.changeQuizEntryPoints(_this1.props.entry.id, points);
-        }), _define_property(_this1, "editProps", function(entry) {
-            return {
-                cancelHandler: _this1.navigateToBank,
-                clearChanges: _this1.clearChanges,
-                clearValidationErrorsFromApi: _this1.clearValidationErrorsFromApi,
-                contextUuid: null,
-                entry: entry,
-                guid: "".concat(_this1.props.bankEntry.id, "_bank_entry_edit"),
-                handleQuizEntryPointsChange: _this1.handlePointsChange,
-                itemEditArea: _this1.itemEditArea,
-                parentId: _this1.props.bankId,
-                parentType: PARENT_TYPE_BANK,
-                stimulus: entry,
-                submitHandler: _this1.submitHandler,
-                validationErrorsFromApi: _this1.state.validationErrorsFromApi,
-                scope: _this1.props.scope
-            };
-        }), _define_property(_this1, "openFeedbackModal", function() {
-            _this1.props.setUi(ITEM_FEEDBACK_MODAL_ITEM, _this1.props.entry.getWorkingInstance());
-            _this1.props.setUi(ITEM_FEEDBACK_MODAL_FEEDBACK, _this1.props.entry.getWorkingInstance().feedback);
-            _this1.props.openModal(ITEM_FEEDBACK_MODAL, {
-                modalTrigger: _this1.addFeedbackButton
-            });
-        }), _define_property(_this1, "storeFeedbackButtonRef", function(button) {
-            _this1.addFeedbackButton = button;
-        }), _define_property(_this1, "compareTagValues", function(left, right) {
-            return left.tag_value === right.tag_value;
-        }), _define_property(_this1, "tagToAssociation", function(param) {
-            var value = param.value;
-            return {
-                tag_value: value
-            };
-        }), _define_property(_this1, "handleTagChange", function(tags) {
-            var bankEntry = _this1.props.bankEntry;
-            var tagAssociations = _this1.props.tagAssociations.toJS();
-            var associations = tags.map(_this1.tagToAssociation);
-            var removed = differenceWith(tagAssociations, associations, _this1.compareTagValues);
-            var created = differenceWith(associations, tagAssociations, _this1.compareTagValues);
-            // If a tag that was removed is being re-added,
-            // remove from both addAssociations and deletedTags
-            var restored = intersectionWith(created, removed, _this1.compareTagValues);
-            var addOperations = differenceWith(created, restored, isEqual);
-            var deleteOperations = differenceWith(removed, restored, _this1.compareTagValues);
-            var bankEntryId = _this1.getBankEntryId(bankEntry);
-            _this1.props.setPendingDeletionTagAssociations(bankEntry.entryType, bankEntryId, deleteOperations);
-            _this1.props.setPendingAdditionTagAssociations(bankEntry.entryType, bankEntryId, addOperations);
-        });
-        return _this;
-    }
-    _create_class(BankEntry, [
-        {
-            key: "componentDidMount",
-            value: function componentDidMount() {
-                if (!this.isTemporary()) {
-                    this.props.getBankEntry(this.props.bankId, this.props.bankEntryId);
-                }
-                if (this.navToBankRef) {
-                    ReactDOM.findDOMNode(this.navToBankRef).focus();
-                }
-                this.props.getBank(this.props.bankId);
-            }
-        },
-        {
-            key: "componentWillUnmount",
-            value: function componentWillUnmount() {
-                this.props.setShouldClone(false);
-            }
-        },
-        {
-            key: "UNSAFE_componentWillMount",
-            value: function UNSAFE_componentWillMount() {
-                this.props.setShouldClone(false);
-            }
-        },
-        {
-            key: "isTemporary",
-            value: function isTemporary() {
-                return this.props.entry && this.props.entry.isTemporary();
-            }
-        },
-        {
-            key: "getBankEntryTypeSlug",
-            value: function getBankEntryTypeSlug() {
-                return this.props.bankEntry.entryType;
-            }
-        },
-        {
-            key: "getEntry",
-            value: function getEntry() {
-                return this.props.entry;
-            }
-        },
-        {
-            key: "isItemEntry",
-            value: function isItemEntry() {
-                return this.props.bankEntry.entryType === 'Item';
-            }
-        },
-        {
-            key: "isStimulusEntry",
-            value: function isStimulusEntry() {
-                var _this_props_bankEntry;
-                return (_this_props_bankEntry = this.props.bankEntry) === null || _this_props_bankEntry === void 0 ? void 0 : _this_props_bankEntry.isStimulusEntry;
-            }
-        },
-        {
-            key: "isPassageEntry",
-            value: function isPassageEntry() {
-                var _this_props_bankEntry;
-                return (_this_props_bankEntry = this.props.bankEntry) === null || _this_props_bankEntry === void 0 ? void 0 : _this_props_bankEntry.isPassageEntry;
-            }
-        },
-        {
-            key: "getEditWarning",
-            value: function getEditWarning() {
-                if (this.isStimulusEntry()) {
-                    return t('Edits made here will appear on any assessment using this stimulus.');
-                }
-                if (this.isPassageEntry()) {
-                    return t('Edits made here will appear on any assessment using this text block.');
-                }
-                return t('Edits made here will appear on any assessment using this question.');
-            }
-        },
-        {
-            key: "entryLinkName",
-            value: function entryLinkName() {
-                var translations = {
-                    new: {
-                        question: t('New Question'),
-                        stimulus: t('New Stimulus'),
-                        passage: t('New Text Block')
-                    },
-                    edit: {
-                        question: t('Edit Question'),
-                        stimulus: t('Edit Stimulus'),
-                        passage: t('Edit Text Block')
-                    }
-                };
-                var operation = this.isTemporary() ? 'new' : 'edit';
-                switch(true){
-                    case this.isItemEntry():
-                        return translations[operation]['question'];
-                    case this.isStimulusEntry():
-                        return translations[operation]['stimulus'];
-                    case this.isPassageEntry():
-                        return translations[operation]['passage'];
-                }
-            }
-        },
-        {
-            key: "renderBankBreadCrumbLink",
-            value: function renderBankBreadCrumbLink() {
-                return /*#__PURE__*/ jsx(BreadcrumbLink, {
-                    key: "bank",
-                    onClick: this.navigateToBank,
-                    ref: this.setNavToBankRef
-                }, this.props.bank.title);
-            }
-        },
-        {
-            key: "renderBankEntryBreadCrumbLink",
-            value: function renderBankEntryBreadCrumbLink() {
-                return /*#__PURE__*/ jsx(BreadcrumbLink, {
-                    key: "bankEntry"
-                }, this.entryLinkName());
-            }
-        },
-        {
-            key: "renderNav",
-            value: function renderNav() {
-                var _this_props = this.props, scope = _this_props.scope, closeTray = _this_props.closeTray, navigateToBanks = _this_props.navigateToBanks, navigateToBuild = _this_props.navigateToBuild, returnToUrl = _this_props.returnToUrl;
-                var isScopeEmpty = !Object.keys(scope).length;
-                return /*#__PURE__*/ jsx(NavWrapper, {
-                    closeTray: closeTray,
-                    navigateToBanks: navigateToBanks,
-                    navigateToBuild: navigateToBuild,
-                    returnToUrl: isScopeEmpty ? null : returnToUrl,
-                    scope: scope,
-                    isCompact: this.props.isCompact,
-                    iceTopNavBarEnabled: this.props.iceTopNavBarEnabled,
-                    menuItemPath: "/banks/".concat(this.props.bankId, "/bank_entries/").concat(this.props.bankEntryId || 'new')
-                }, this.renderBankBreadCrumbLink(), this.renderBankEntryBreadCrumbLink());
-            }
-        },
-        {
-            key: "renderTitle",
-            value: function renderTitle(entry) {
-                if (this.isItemEntry()) {
-                    return /*#__PURE__*/ jsx(TextInput, {
-                        renderLabel: /*#__PURE__*/ jsx(ScreenReaderContent, null, t('Edit question title')),
-                        type: "text",
-                        placeholder: t('Question Title'),
-                        onChange: this.handleTitleChange,
-                        value: entry.getWorkingInstance().title || ''
-                    });
-                }
-            }
-        },
-        {
-            key: "getIdentifier",
-            value: function getIdentifier(entry) {
-                if (!entry) return;
-                switch(true){
-                    case this.isItemEntry():
-                        return t('Question { id }', {
-                            id: entry.id
-                        });
-                    case this.isStimulusEntry():
-                        return t('Stimulus { id }', {
-                            id: entry.id
-                        });
-                    case this.isPassageEntry():
-                        return t('Text Block { id }', {
-                            id: entry.id
-                        });
-                    default:
-                        return;
-                }
-            }
-        },
-        {
-            key: "getTemporaryIdentifier",
-            value: function getTemporaryIdentifier() {
-                switch(true){
-                    case this.isItemEntry():
-                        return t('New Question');
-                    case this.isStimulusEntry():
-                        return t('New Stimulus');
-                    case this.isPassageEntry():
-                        return t('New Text Block');
-                    default:
-                        return;
+            case isPassageEntry():
+                return t('Text Block { id }', {
+                    id: entryParam.id
+                });
+            default:
+                return null;
+        }
+    }
+    function getTemporaryIdentifier() {
+        switch(true){
+            case isItemEntry():
+                return t('New Question');
+            case isStimulusEntry():
+                return t('New Stimulus');
+            case isPassageEntry():
+                return t('New Text Block');
+            default:
+                return null;
+        }
+    }
+    function getEntryName(entryParam) {
+        if (!entryParam) return null;
+        switch(true){
+            case isItemEntry():
+                var _entryParam_getInteractionType;
+                return (_entryParam_getInteractionType = entryParam.getInteractionType()) === null || _entryParam_getInteractionType === void 0 ? void 0 : _entryParam_getInteractionType.name;
+            case isStimulusEntry():
+                return t('Stimulus');
+            case isPassageEntry():
+                return t('Text Block');
+            default:
+                return null;
+        }
+    }
+    function renderHeader(entryParam) {
+        if (!entryParam) return null;
+        var propsForEntry = editProps(entryParam);
+        var identifier = getIdentifier(entryParam);
+        var tempIdentifier = getTemporaryIdentifier();
+        var itemIdentifier = isTemporary() ? tempIdentifier : identifier;
+        var entryName = getEntryName(entryParam);
+        return /*#__PURE__*/ jsx("div", {
+            css: styles.header
+        }, /*#__PURE__*/ jsx("div", {
+            css: styles.leftHeader
+        }, /*#__PURE__*/ jsx("div", {
+            css: styles.headerText
+        }, /*#__PURE__*/ jsx(Heading, {
+            level: "reset",
+            as: "h2"
+        }, t('{entryName} | {itemIdentifier}', {
+            entryName: entryName,
+            itemIdentifier: itemIdentifier
+        })))), renderTitle(entryParam), /*#__PURE__*/ jsx("div", {
+            css: styles.rightHeader
+        }, /*#__PURE__*/ jsx(EntrySave, propsForEntry)));
+    }
+    function hasPendingTagModifications() {
+        return !pendingDeletionTags.isEmpty() || !pendingAdditionTags.isEmpty();
+    }
+    function createTagsForClone(newBankEntry, tags) {
+        createTagAssociations(newBankEntry.id, newBankEntry.entry_type, newBankEntry.entry.id, tags.map(function(tag) {
+            return tag.tag_value;
+        }));
+        // Pending tag associations were applied to the original bank entry, so clear those out
+        setPendingAdditionTagAssociations(bankEntry.entryType, entry.id, []);
+        setPendingDeletionTagAssociations(bankEntry.entryType, entry.id, []);
+    }
+    function updateTagsForEntry() {
+        return _async_to_generator(function() {
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        if (!!shouldClone) return [
+                            3,
+                            3
+                        ];
+                        return [
+                            4,
+                            createTagAssociations(bankEntryId, bankEntry.entryType, getBankEntryId(bankEntry), pendingAdditionTags.map(function(tagToAdd) {
+                                return tagToAdd.get('tag_value');
+                            }))
+                        ];
+                    case 1:
+                        _state.sent();
+                        return [
+                            4,
+                            deleteTagAssociations(bankEntryId, bankEntry.entryType, getBankEntryId(bankEntry), pendingDeletionTags.map(function(tagToDelete) {
+                                return tagToDelete.get('id');
+                            }))
+                        ];
+                    case 2:
+                        _state.sent();
+                        _state.label = 3;
+                    case 3:
+                        return [
+                            2
+                        ];
                 }
-            }
-        },
-        {
-            key: "getEntryName",
-            value: function getEntryName(entry) {
-                if (!entry) return;
-                switch(true){
-                    case this.isItemEntry():
-                        var _entry_getInteractionType;
-                        return (_entry_getInteractionType = entry.getInteractionType()) === null || _entry_getInteractionType === void 0 ? void 0 : _entry_getInteractionType.name;
-                    case this.isStimulusEntry():
-                        return t('Stimulus');
-                    case this.isPassageEntry():
-                        return t('Text Block');
-                    default:
-                        return;
+            });
+        })();
+    }
+    function normalSubmit() {
+        return _async_to_generator(function() {
+            var tags, createEntryCb, newBankEntry, workingEntry, updateFunc, toClear;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        if (!(entry.hasModifications() || shouldClone && hasPendingTagModifications())) return [
+                            3,
+                            5
+                        ];
+                        if (!shouldClone) return [
+                            3,
+                            2
+                        ];
+                        tags = visibleTagAssociations();
+                        createEntryCb = isItemEntry() ? createItem : createStimulus;
+                        return [
+                            4,
+                            cloneBankEntry(bankEntry, createEntryCb)
+                        ];
+                    case 1:
+                        newBankEntry = _state.sent();
+                        createTagsForClone(newBankEntry, tags);
+                        return [
+                            3,
+                            4
+                        ];
+                    case 2:
+                        workingEntry = entry.getWorkingInstance();
+                        updateFunc = isItemEntry() ? updateItem : updateStimulus;
+                        return [
+                            4,
+                            updateFunc(workingEntry, bankId, 'bank')
+                        ];
+                    case 3:
+                        _state.sent();
+                        _state.label = 4;
+                    case 4:
+                        toClear = isItemEntry() ? 'items' : 'stimuli';
+                        clearModificationsProp(toClear, entry.id);
+                        _state.label = 5;
+                    case 5:
+                        if (!hasPendingTagModifications()) return [
+                            3,
+                            7
+                        ];
+                        return [
+                            4,
+                            updateTagsForEntry()
+                        ];
+                    case 6:
+                        _state.sent();
+                        _state.label = 7;
+                    case 7:
+                        return [
+                            2
+                        ];
                 }
-            }
-        },
-        {
-            key: "renderHeader",
-            value: function renderHeader(entry) {
-                if (!entry) return;
-                var props = this.editProps(entry);
-                var identifier = this.getIdentifier(entry);
-                var tempIdentifier = this.getTemporaryIdentifier();
-                var itemIdentifier = this.isTemporary() ? tempIdentifier : identifier;
-                var entryName = this.getEntryName(entry);
-                return /*#__PURE__*/ jsx("div", {
-                    css: this.props.styles.header
-                }, /*#__PURE__*/ jsx("div", {
-                    css: this.props.styles.leftHeader
-                }, /*#__PURE__*/ jsx("div", {
-                    css: this.props.styles.headerText
-                }, /*#__PURE__*/ jsx(Heading, {
-                    level: "reset",
-                    as: "h2"
-                }, t('{entryName} | {itemIdentifier}', {
-                    entryName: entryName,
-                    itemIdentifier: itemIdentifier
-                })))), this.renderTitle(entry), /*#__PURE__*/ jsx("div", {
-                    css: this.props.styles.rightHeader
-                }, /*#__PURE__*/ jsx(EntrySave, props)));
-            }
-        },
-        {
-            key: "hasPendingTagModifications",
-            value: function hasPendingTagModifications() {
-                return !this.props.pendingDeletionTags.isEmpty() || !this.props.pendingAdditionTags.isEmpty();
-            }
-        },
-        {
-            key: "createTagsForClone",
-            value: function createTagsForClone(newBankEntry, tags) {
-                this.props.createTagAssociations(newBankEntry.id, newBankEntry.entry_type, newBankEntry.entry.id, tags.map(function(tag) {
-                    return tag.tag_value;
-                }));
-                // Pending tag associations were applied to the original bank entry, so clear those out
-                this.props.setPendingAdditionTagAssociations(this.props.bankEntry.entryType, this.props.entry.id, []);
-                this.props.setPendingDeletionTagAssociations(this.props.bankEntry.entryType, this.props.entry.id, []);
-            }
-        },
-        {
-            key: "updateTagsForEntry",
-            value: function updateTagsForEntry() {
-                return _async_to_generator(function() {
-                    return _ts_generator(this, function(_state) {
-                        switch(_state.label){
-                            case 0:
-                                if (!!this.props.shouldClone) return [
-                                    3,
-                                    3
-                                ];
-                                return [
-                                    4,
-                                    this.props.createTagAssociations(this.props.bankEntryId, this.props.bankEntry.entryType, this.getBankEntryId(this.props.bankEntry), this.props.pendingAdditionTags.map(function(tagToAdd) {
-                                        return tagToAdd.get('tag_value');
-                                    }))
-                                ];
-                            case 1:
-                                _state.sent();
-                                return [
-                                    4,
-                                    this.props.deleteTagAssociations(this.props.bankEntryId, this.props.bankEntry.entryType, this.getBankEntryId(this.props.bankEntry), this.props.pendingDeletionTags.map(function(tagToDelete) {
-                                        return tagToDelete.get('id');
-                                    }))
-                                ];
-                            case 2:
-                                _state.sent();
-                                _state.label = 3;
-                            case 3:
-                                return [
-                                    2
-                                ];
-                        }
-                    });
-                }).call(this);
-            }
-        },
-        {
-            key: "normalSubmit",
-            value: function normalSubmit() {
-                return _async_to_generator(function() {
-                    var entry, tags, createEntryCb, newBankEntry, workingEntry, updateFunc, toClear;
-                    return _ts_generator(this, function(_state) {
-                        switch(_state.label){
-                            case 0:
-                                entry = this.props.entry;
-                                if (!(entry.hasModifications() || this.props.shouldClone && this.hasPendingTagModifications())) return [
-                                    3,
-                                    5
-                                ];
-                                if (!this.props.shouldClone) return [
-                                    3,
-                                    2
-                                ];
-                                tags = this.visibleTagAssociations();
-                                createEntryCb = this.isItemEntry() ? createItem : createStimulus;
-                                return [
-                                    4,
-                                    this.props.cloneBankEntry(this.props.bankEntry, createEntryCb)
-                                ];
-                            case 1:
-                                newBankEntry = _state.sent();
-                                this.createTagsForClone(newBankEntry, tags);
-                                return [
-                                    3,
-                                    4
-                                ];
-                            case 2:
-                                workingEntry = entry.getWorkingInstance();
-                                updateFunc = this.isItemEntry() ? this.props.updateItem : this.props.updateStimulus;
-                                return [
-                                    4,
-                                    updateFunc(workingEntry, this.props.bankId, 'bank')
-                                ];
-                            case 3:
-                                _state.sent();
-                                _state.label = 4;
-                            case 4:
-                                toClear = this.isItemEntry() ? 'items' : 'stimuli';
-                                this.props.clearModifications(toClear, entry.id);
-                                _state.label = 5;
-                            case 5:
-                                if (!this.hasPendingTagModifications()) return [
-                                    3,
-                                    7
-                                ];
-                                return [
-                                    4,
-                                    this.updateTagsForEntry()
-                                ];
-                            case 6:
-                                _state.sent();
-                                _state.label = 7;
-                            case 7:
-                                return [
-                                    2
-                                ];
-                        }
-                    });
-                }).call(this);
-            }
-        },
-        {
-            key: "temporarySubmit",
-            value: function temporarySubmit() {
-                return _async_to_generator(function() {
-                    var entry, workingEntry, workingBankEntry, createEntryCb, newBankEntry, toClear;
-                    return _ts_generator(this, function(_state) {
-                        switch(_state.label){
-                            case 0:
-                                entry = this.props.entry;
-                                workingEntry = entry.getWorkingInstance();
-                                workingBankEntry = this.props.bankEntry.getWorkingInstance();
-                                createEntryCb = this.isItemEntry() ? createItem : createStimulus;
-                                return [
-                                    4,
-                                    this.props.createEntryAndBankEntry(this.props.bankId, workingEntry, workingBankEntry, createEntryCb)
-                                ];
-                            case 1:
-                                newBankEntry = _state.sent();
-                                if (this.hasPendingTagModifications()) {
-                                    this.props.createTagAssociations(newBankEntry.id, newBankEntry.entry_type, newBankEntry.entry.id, this.props.pendingAdditionTags.map(function(tagToAdd) {
-                                        return tagToAdd.get('tag_value');
-                                    }));
-                                }
-                                toClear = this.isItemEntry() ? 'items' : 'stimuli';
-                                this.props.clearModifications(toClear, entry.id);
-                                this.props.clearTemporaryBankItem(this.props.bankId);
-                                return [
-                                    2
-                                ];
+            });
+        })();
+    }
+    function temporarySubmit() {
+        return _async_to_generator(function() {
+            var workingEntry, workingBankEntry, createEntryCb, newBankEntry, toClear;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        workingEntry = entry.getWorkingInstance();
+                        workingBankEntry = bankEntry.getWorkingInstance();
+                        createEntryCb = isItemEntry() ? createItem : createStimulus;
+                        return [
+                            4,
+                            createEntryAndBankEntry(bankId, workingEntry, workingBankEntry, createEntryCb)
+                        ];
+                    case 1:
+                        newBankEntry = _state.sent();
+                        if (hasPendingTagModifications()) {
+                            createTagAssociations(newBankEntry.id, newBankEntry.entry_type, newBankEntry.entry.id, pendingAdditionTags.map(function(tagToAdd) {
+                                return tagToAdd.get('tag_value');
+                            }));
                         }
-                    });
-                }).call(this);
-            }
-        },
-        {
-            key: "renderFeedbackSection",
-            value: function renderFeedbackSection() {
-                if (!this.isItemEntry()) {
-                    return;
-                }
-                var shouldClone = this.props.shouldClone;
-                var disabled = this.props.entry.isImmutable() && !shouldClone;
-                var icon, text;
-                if (this.props.entry.getWorkingInstance().hasFeedback()) {
-                    icon = IconDiscussionSolid;
-                    text = t('Edit Question Level Feedback (present)');
-                } else {
-                    icon = IconDiscussionLine;
-                    text = t('Edit Question Level Feedback');
+                        toClear = isItemEntry() ? 'items' : 'stimuli';
+                        clearModificationsProp(toClear, entry.id);
+                        clearTemporaryBankItem(bankId);
+                        return [
+                            2
+                        ];
                 }
-                return /*#__PURE__*/ jsx(IconButton, {
-                    onClick: this.openFeedbackModal,
-                    withBackground: false,
-                    withBorder: false,
-                    disabled: disabled,
-                    ref: this.storeFeedbackButtonRef,
-                    renderIcon: icon,
-                    screenReaderLabel: text
-                });
-            }
-        },
-        {
-            key: "getBankEntryId",
-            value: function getBankEntryId(bankEntry) {
-                // bankEntry.entry can be either 'TEMPORARY_ITEM' or an entire Map
-                return bankEntry.entry ? bankEntry.entry.get ? bankEntry.entry.get('id') : bankEntry.entry : null;
-            }
-        },
-        {
-            key: "visibleTagAssociations",
-            value: function visibleTagAssociations() {
-                var _this_props = this.props, pendingAdditionTags = _this_props.pendingAdditionTags, pendingDeletionTags = _this_props.pendingDeletionTags, tagAssociations = _this_props.tagAssociations;
-                var existingValues = keyBy(tagAssociations.toJS(), function(t) {
-                    return t.tag_value;
-                });
-                var noDuplicates = pendingAdditionTags.filter(function(t) {
-                    return isUndefined(existingValues[t.get('tag_value')]);
-                });
-                return tagAssociations.filter(function(tag) {
-                    return !pendingDeletionTags.includes(tag);
-                }).concat(noDuplicates).toJS();
-            }
-        },
-        {
-            key: "visibleTags",
-            value: function visibleTags() {
-                return this.visibleTagAssociations().map(function(a) {
-                    return {
-                        id: a.tag_id,
-                        value: a.tag_value
-                    };
-                });
-            }
-        },
-        {
-            key: "renderEntry",
-            value: function renderEntry(entry) {
-                var _this = this;
-                if (!entry) return;
-                var _this_props = this.props, bankEntry = _this_props.bankEntry, useBankTags = _this_props.useBankTags;
-                var props = this.editProps(entry);
-                var propsFunc = this.isItemEntry() ? propsForItemVersioningWrapper : propsForStimulusVersioningWrapper;
-                var versioningProps = propsFunc(entry.isImmutable(), this.props.shouldClone, this.props.setShouldClone, this.navigateToBank, true, 'warning', this.isPassageEntry());
-                var canEdit = !entry.isImmutable() || this.props.shouldClone;
-                var ItemComponent = canEdit ? ItemEdit : ItemShow;
-                var StimulusComponent = canEdit ? StimulusEditInfo : StimulusShowInfo;
-                var EntryComponent = this.isItemEntry() ? ItemComponent : StimulusComponent;
-                var entryType = bankEntry.entryType;
-                var entryId = this.getBankEntryId(bankEntry);
-                var tags = function() {
-                    return /*#__PURE__*/ jsx(TagSuggestSelect, {
-                        allowNewTags: true,
-                        noMatchText: t('Enter a tag to find or create'),
-                        parentType: entryType,
-                        parentId: entryId,
-                        onChange: _this.handleTagChange,
-                        tags: _this.visibleTags()
-                    });
-                };
-                var editWarning = this.getEditWarning();
-                return /*#__PURE__*/ jsx("div", null, /*#__PURE__*/ jsx("div", {
-                    css: this.props.styles.entryEdit
-                }, /*#__PURE__*/ jsx(WarningWrapper, versioningProps, canEdit && /*#__PURE__*/ jsx(Alert, {
-                    renderCloseButtonLabel: t('Dismiss'),
-                    margin: "0 0 medium 0"
-                }, /*#__PURE__*/ jsx(Text, {
-                    color: "primary"
-                }, editWarning)), /*#__PURE__*/ jsx(EntryComponent, props), useBankTags && tags())), /*#__PURE__*/ jsx("div", {
-                    css: this.props.styles.footer
-                }, /*#__PURE__*/ jsx("div", {
-                    css: this.props.styles.leftFooter
-                }, this.renderFeedbackSection()), /*#__PURE__*/ jsx("div", {
-                    css: this.props.styles.rightFooter
-                }, /*#__PURE__*/ jsx(EntrySave, props))));
+            });
+        })();
+    }
+    function clearValidationErrorsFromApi(inputId) {
+        if (inputId === CLEAR_ALL_INPUT_VALIDATION_ERRORS) {
+            setValidationErrorsFromApi({});
+            return null;
+        }
+        setValidationErrorsFromApi(function(prevErrors) {
+            if (prevErrors[inputId]) {
+                var newErrors = Object.assign({}, prevErrors);
+                delete newErrors[inputId];
+                return newErrors;
             }
-        },
-        {
-            key: "render",
-            value: function render() {
-                var entry = this.props.entry;
-                if (entry && !entry.isLoaded()) {
-                    return /*#__PURE__*/ jsx(Spinner, null);
+            return prevErrors;
+        });
+        return null;
+    }
+    function submitHandler() {
+        return _async_to_generator(function() {
+            var e;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        _state.trys.push([
+                            0,
+                            5,
+                            ,
+                            6
+                        ]);
+                        if (!entry.isTemporary()) return [
+                            3,
+                            2
+                        ];
+                        return [
+                            4,
+                            temporarySubmit()
+                        ];
+                    case 1:
+                        _state.sent();
+                        return [
+                            3,
+                            4
+                        ];
+                    case 2:
+                        return [
+                            4,
+                            normalSubmit()
+                        ];
+                    case 3:
+                        _state.sent();
+                        _state.label = 4;
+                    case 4:
+                        return [
+                            3,
+                            6
+                        ];
+                    case 5:
+                        e = _state.sent();
+                        if (e.validationErrorsFromApi) {
+                            setValidationErrorsFromApi(e.validationErrorsFromApi);
+                            // Throwing an error here would cause an alert banner to show,
+                            // which we don't want in the case of a simple input validation error
+                            return [
+                                2,
+                                API_INPUT_VALIDATION_ERROR
+                            ];
+                        }
+                        throw e;
+                    case 6:
+                        navigateToBank();
+                        return [
+                            2,
+                            null
+                        ];
                 }
-                return /*#__PURE__*/ jsx(Page, null, this.renderNav(), /*#__PURE__*/ jsx("div", {
-                    css: this.props.styles.content,
-                    ref: this.handleRef
-                }, this.props.iceTopNavBarEnabled && /*#__PURE__*/ jsx("div", {
-                    css: this.props.styles.breadcrumb
-                }, /*#__PURE__*/ jsx(HeaderBreadCrumb, {
-                    returnToUrl: this.props.returnToUrl,
-                    scope: this.props.scope,
-                    navigateToBanks: this.props.navigateToBanks,
-                    navigateToBuild: this.props.navigateToBuild
-                }, this.renderBankBreadCrumbLink(), this.renderBankEntryBreadCrumbLink())), this.renderHeader(entry), this.renderEntry(entry), !this.props.isCompact && /*#__PURE__*/ jsx(ItemFeedbackModal, {
-                    parentId: this.props.bankId,
-                    parentType: PARENT_TYPE_BANK
-                })));
-            }
+            });
+        })();
+    }
+    function handleRef(node) {
+        itemEditArea.current = node;
+    }
+    function clearChanges() {
+        clearValidationErrorsFromApi(CLEAR_ALL_INPUT_VALIDATION_ERRORS);
+        if (!entry) return;
+        if (entry.isTemporary()) {
+            clearTemporaryBankItem(bankId);
         }
+        clearModificationsProp('items', entry.id);
+        setPendingDeletionTagAssociations(bankEntry.entryType, entry.id, []);
+        setPendingAdditionTagAssociations(bankEntry.entryType, entry.id, []);
+    }
+    var handlePointsChange = useCallback(function(points) {
+        changeQuizEntryPoints(entry.id, points);
+    }, [
+        changeQuizEntryPoints,
+        entry === null || entry === void 0 ? void 0 : entry.id
     ]);
-    return BankEntry;
-}(Component);
-_define_property(BankEntry, "displayName", 'BankEntry');
-_define_property(BankEntry, "componentId", "Quizzes".concat(BankEntry.displayName));
-_define_property(BankEntry, "propTypes", {
+    function editProps(entryParam) {
+        return {
+            cancelHandler: navigateToBank,
+            clearChanges: clearChanges,
+            clearValidationErrorsFromApi: clearValidationErrorsFromApi,
+            contextUuid: null,
+            entry: entryParam,
+            guid: "".concat(bankEntry.id, "_bank_entry_edit"),
+            handleQuizEntryPointsChange: handlePointsChange,
+            itemEditArea: itemEditArea.current,
+            parentId: bankId,
+            parentType: PARENT_TYPE_BANK,
+            stimulus: entryParam,
+            submitHandler: submitHandler,
+            validationErrorsFromApi: validationErrorsFromApi,
+            scope: scope
+        };
+    }
+    function openFeedbackModal() {
+        setUi(ITEM_FEEDBACK_MODAL_ITEM, entry.getWorkingInstance());
+        setUi(ITEM_FEEDBACK_MODAL_FEEDBACK, entry.getWorkingInstance().feedback);
+        openModal(ITEM_FEEDBACK_MODAL, {
+            modalTrigger: addFeedbackButton.current
+        });
+    }
+    function storeFeedbackButtonRef(button) {
+        addFeedbackButton.current = button;
+    }
+    function renderFeedbackSection() {
+        if (!isItemEntry()) {
+            return null;
+        }
+        var disabled = entry.isImmutable() && !shouldClone;
+        var icon, text;
+        if (entry.getWorkingInstance().hasFeedback()) {
+            icon = IconDiscussionSolid;
+            text = t('Edit Question Level Feedback (present)');
+        } else {
+            icon = IconDiscussionLine;
+            text = t('Edit Question Level Feedback');
+        }
+        return /*#__PURE__*/ jsx(IconButton, {
+            onClick: openFeedbackModal,
+            withBackground: false,
+            withBorder: false,
+            disabled: disabled,
+            ref: storeFeedbackButtonRef,
+            renderIcon: icon,
+            screenReaderLabel: text
+        });
+    }
+    function compareTagValues(left, right) {
+        return left.tag_value === right.tag_value;
+    }
+    function tagToAssociation(param) {
+        var value = param.value;
+        return {
+            tag_value: value
+        };
+    }
+    function getBankEntryId(bankEntryParam) {
+        // bankEntry.entry can be either 'TEMPORARY_ITEM' or an entire Map
+        return bankEntryParam.entry ? bankEntryParam.entry.get ? bankEntryParam.entry.get('id') : bankEntryParam.entry : null;
+    }
+    function handleTagChange(tags) {
+        var tagAssociationsJS = tagAssociations.toJS();
+        var associations = tags.map(tagToAssociation);
+        var removed = differenceWith(tagAssociationsJS, associations, compareTagValues);
+        var created = differenceWith(associations, tagAssociationsJS, compareTagValues);
+        // If a tag that was removed is being re-added,
+        // remove from both addAssociations and deletedTags
+        var restored = intersectionWith(created, removed, compareTagValues);
+        var addOperations = differenceWith(created, restored, isEqual);
+        var deleteOperations = differenceWith(removed, restored, compareTagValues);
+        var bankEntryIdValue = getBankEntryId(bankEntry);
+        setPendingDeletionTagAssociations(bankEntry.entryType, bankEntryIdValue, deleteOperations);
+        setPendingAdditionTagAssociations(bankEntry.entryType, bankEntryIdValue, addOperations);
+    }
+    function visibleTagAssociations() {
+        var existingValues = keyBy(tagAssociations.toJS(), function(t) {
+            return t.tag_value;
+        });
+        var noDuplicates = pendingAdditionTags.filter(function(t) {
+            return isUndefined(existingValues[t.get('tag_value')]);
+        });
+        return tagAssociations.filter(function(tag) {
+            return !pendingDeletionTags.includes(tag);
+        }).concat(noDuplicates).toJS();
+    }
+    function visibleTags() {
+        return visibleTagAssociations().map(function(a) {
+            return {
+                id: a.tag_id,
+                value: a.tag_value
+            };
+        });
+    }
+    function renderEntry(entryParam) {
+        if (!entryParam) return null;
+        var propsForEntry = editProps(entryParam);
+        var propsFunc = isItemEntry() ? propsForItemVersioningWrapper : propsForStimulusVersioningWrapper;
+        var versioningProps = propsFunc(entryParam.isImmutable(), shouldClone, setShouldClone, navigateToBank, true, 'warning', isPassageEntry());
+        var canEdit = !entryParam.isImmutable() || shouldClone;
+        var ItemComponent = canEdit ? ItemEdit : ItemShow;
+        var StimulusComponent = canEdit ? StimulusEditInfo : StimulusShowInfo;
+        var EntryComponent = isItemEntry() ? ItemComponent : StimulusComponent;
+        var entryType = bankEntry.entryType;
+        var entryId = getBankEntryId(bankEntry);
+        var tags = function() {
+            return /*#__PURE__*/ jsx(TagSuggestSelect, {
+                allowNewTags: true,
+                noMatchText: t('Enter a tag to find or create'),
+                parentType: entryType,
+                parentId: entryId,
+                onChange: handleTagChange,
+                tags: visibleTags()
+            });
+        };
+        var editWarning = getEditWarning();
+        return /*#__PURE__*/ jsx("div", null, /*#__PURE__*/ jsx("div", {
+            css: styles.entryEdit
+        }, /*#__PURE__*/ jsx(WarningWrapper, versioningProps, canEdit && /*#__PURE__*/ jsx(Alert, {
+            renderCloseButtonLabel: t('Dismiss'),
+            margin: "0 0 medium 0"
+        }, /*#__PURE__*/ jsx(Text, {
+            color: "primary"
+        }, editWarning)), /*#__PURE__*/ jsx(EntryComponent, propsForEntry), useBankTags && tags())), /*#__PURE__*/ jsx("div", {
+            css: styles.footer
+        }, /*#__PURE__*/ jsx("div", {
+            css: styles.leftFooter
+        }, renderFeedbackSection()), /*#__PURE__*/ jsx("div", {
+            css: styles.rightFooter
+        }, /*#__PURE__*/ jsx(EntrySave, propsForEntry))));
+    }
+    if (entry && !entry.isLoaded()) {
+        return /*#__PURE__*/ jsx(Spinner, null);
+    }
+    return /*#__PURE__*/ jsx(Page, null, renderNav(), /*#__PURE__*/ jsx("div", {
+        css: styles.content,
+        ref: handleRef
+    }, iceTopNavBarEnabled && /*#__PURE__*/ jsx("div", {
+        css: styles.breadcrumb
+    }, /*#__PURE__*/ jsx(HeaderBreadCrumb, {
+        returnToUrl: returnToUrl,
+        scope: scope,
+        navigateToBanks: navigateToBanks,
+        navigateToBuild: navigateToBuild
+    }, renderBankBreadCrumbLink(), renderBankEntryBreadCrumbLink())), renderHeader(entry), renderEntry(entry), !isCompact && /*#__PURE__*/ jsx(ItemFeedbackModal, {
+        parentId: bankId,
+        parentType: PARENT_TYPE_BANK
+    })));
+}
+BaseBankEntry.displayName = 'BankEntry';
+BaseBankEntry.componentId = 'QuizzesBankEntry';
+BaseBankEntry.propTypes = {
     bankEntryId: PropTypes.string.isRequired,
     bankId: PropTypes.string.isRequired,
     bank: ImmutablePropTypes.record.isRequired,
@@ -956,8 +813,8 @@ _define_property(BankEntry, "propTypes", {
     useBankTags: PropTypes.bool,
     iceTopNavBarEnabled: PropTypes.bool,
     styles: PropTypes.object
-});
-_define_property(BankEntry, "defaultProps", {
+};
+BaseBankEntry.defaultProps = {
     closeTray: function closeTray() {},
     entry: null,
     isCompact: false,
@@ -970,8 +827,7 @@ _define_property(BankEntry, "defaultProps", {
     tagInput: null,
     useBankTags: false,
     iceTopNavBarEnabled: false
-});
-BankEntry = _ts_decorate([
-    withStyleOverrides(generateStyle, generateComponentTheme)
-], BankEntry);
+};
+var BankEntry = withStyleOverrides(generateStyle, generateComponentTheme)(BaseBankEntry);
+export { BankEntry };
 export default BankEntry;