@instructure/canvas-rce 5.6.0 → 5.6.1

package/testcafe/build/24.js

@@ -176,7 +176,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var escape_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! escape-html */ \"../../node_modules/escape-html/index.js\");\n/* harmony import */ var escape_html__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(escape_html__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _clickCallback__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./clickCallback */ \"./src/rce/plugins/instructure_equation/clickCallback.js\");\n/* harmony import */ var _instructure_ui_icons_es_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/ui-icons/es/svg */ \"../../node_modules/@instructure/ui-icons/es/svg/index.js\");\nvar _ENV, _ENV$FEATURES;\n\n/*\n * Copyright (C) 2018 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n\n\n\n\nfunction isEquationImage(node) {\n  return node.tagName === 'IMG' && node.classList.contains('equation_image') || node.classList.contains('math_equation_latex');\n}\n\nif ((_ENV = undefined) !== null && _ENV !== void 0 && (_ENV$FEATURES = _ENV.FEATURES) !== null && _ENV$FEATURES !== void 0 && _ENV$FEATURES.new_equation_editor) {\n  tinymce.create('tinymce.plugins.InstructureEquation', {\n    init(ed) {\n      ed.ui.registry.addIcon('equation', _instructure_ui_icons_es_svg__WEBPACK_IMPORTED_MODULE_3__[\"IconEquationLine\"].src);\n      ed.addCommand('instructureEquation', _clickCallback__WEBPACK_IMPORTED_MODULE_2__[\"default\"].bind(this, ed, document));\n      ed.ui.registry.addMenuItem('instructure_equation', {\n        text: Object(_format_message__WEBPACK_IMPORTED_MODULE_1__[\"default\"])('Equation'),\n        icon: 'equation',\n        onAction: () => ed.execCommand('instructureEquation')\n      });\n      ed.ui.registry.addToggleButton('instructure_equation', {\n        tooltip: escape_html__WEBPACK_IMPORTED_MODULE_0___default()(Object(_format_message__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({\n          default: 'Insert Math Equation',\n          description: 'Title for RCE button to insert a math equation'\n        })),\n        onAction: () => ed.execCommand('instructureEquation'),\n        icon: 'equation',\n\n        onSetup(buttonApi) {\n          const toggleActive = eventApi => {\n            buttonApi.setActive(isEquationImage(eventApi.element));\n          };\n\n          ed.on('NodeChange', toggleActive);\n          return () => ed.off('NodeChange', toggleActive);\n        }\n\n      });\n      ed.ui.registry.addButton('instructure-equation-options', {\n        onAction() {\n          ed.execCommand('instructureEquation');\n        },\n\n        text: Object(_format_message__WEBPACK_IMPORTED_MODULE_1__[\"default\"])('Edit Equation')\n      });\n      ed.ui.registry.addContextToolbar('instructure-equation-toolbar', {\n        items: 'instructure-equation-options',\n        position: 'node',\n        predicate: isEquationImage,\n        scope: 'node'\n      });\n    }\n\n  }); // Register plugin\n\n  tinymce.PluginManager.add('instructure_equation', tinymce.plugins.InstructureEquation);\n} else {\n  tinymce.create('tinymce.plugins.InstructureEquation', {\n    init(ed) {\n      ed.ui.registry.addIcon('equation', _instructure_ui_icons_es_svg__WEBPACK_IMPORTED_MODULE_3__[\"IconEquationLine\"].src);\n      ed.addCommand('instructureEquation', _clickCallback__WEBPACK_IMPORTED_MODULE_2__[\"oldClickCallback\"].bind(this, ed, document));\n      ed.ui.registry.addMenuItem('instructure_equation', {\n        text: Object(_format_message__WEBPACK_IMPORTED_MODULE_1__[\"default\"])('Equation'),\n        icon: 'equation',\n        onAction: () => ed.execCommand('instructureEquation')\n      });\n      ed.ui.registry.addToggleButton('instructure_equation', {\n        tooltip: escape_html__WEBPACK_IMPORTED_MODULE_0___default()(Object(_format_message__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({\n          default: 'Insert Math Equation',\n          description: 'Title for RCE button to insert a math equation'\n        })),\n        onAction: () => ed.execCommand('instructureEquation'),\n        icon: 'equation',\n\n        onSetup(buttonApi) {\n          const toggleActive = eventApi => {\n            buttonApi.setActive(isEquationImage(eventApi.element));\n          };\n\n          ed.on('NodeChange', toggleActive);\n          return () => ed.off('NodeChange', toggleActive);\n        }\n\n      });\n      ed.ui.registry.addButton('instructure-equation-options', {\n        onAction\n        /* buttonApi */\n        () {\n          ed.execCommand('instructureEquation');\n        },\n\n        text: Object(_format_message__WEBPACK_IMPORTED_MODULE_1__[\"default\"])('Edit Equation')\n      });\n      ed.ui.registry.addContextToolbar('instructure-equation-toolbar', {\n        items: 'instructure-equation-options',\n        position: 'node',\n        predicate: isEquationImage,\n        scope: 'node'\n      });\n    }\n\n  }); // Register plugin\n\n  tinymce.PluginManager.add('instructure_equation', tinymce.plugins.InstructureEquation);\n}\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_equation/plugin.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var escape_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! escape-html */ \"../../node_modules/escape-html/index.js\");\n/* harmony import */ var escape_html__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(escape_html__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _clickCallback__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./clickCallback */ \"./src/rce/plugins/instructure_equation/clickCallback.js\");\n/* harmony import */ var _instructure_ui_icons_es_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/ui-icons/es/svg */ \"../../node_modules/@instructure/ui-icons/es/svg/index.js\");\n/* harmony import */ var _RCEGlobals__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../RCEGlobals */ \"./src/rce/RCEGlobals.js\");\n/*\n * Copyright (C) 2018 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n\n\n\n\n\nfunction isEquationImage(node) {\n  return node.tagName === 'IMG' && node.classList.contains('equation_image') || node.classList.contains('math_equation_latex');\n}\n\ntinymce.create('tinymce.plugins.InstructureEquation', {\n  init(ed) {\n    var _RCEGlobals$getFeatur;\n\n    ed.ui.registry.addIcon('equation', _instructure_ui_icons_es_svg__WEBPACK_IMPORTED_MODULE_3__[\"IconEquationLine\"].src);\n\n    if ((_RCEGlobals$getFeatur = _RCEGlobals__WEBPACK_IMPORTED_MODULE_4__[\"default\"].getFeatures()) !== null && _RCEGlobals$getFeatur !== void 0 && _RCEGlobals$getFeatur.new_equation_editor) {\n      ed.addCommand('instructureEquation', _clickCallback__WEBPACK_IMPORTED_MODULE_2__[\"default\"].bind(this, ed, document));\n    } else {\n      ed.addCommand('instructureEquation', _clickCallback__WEBPACK_IMPORTED_MODULE_2__[\"oldClickCallback\"].bind(this, ed, document));\n    }\n\n    ed.ui.registry.addMenuItem('instructure_equation', {\n      text: Object(_format_message__WEBPACK_IMPORTED_MODULE_1__[\"default\"])('Equation'),\n      icon: 'equation',\n      onAction: () => ed.execCommand('instructureEquation')\n    });\n    ed.ui.registry.addToggleButton('instructure_equation', {\n      tooltip: escape_html__WEBPACK_IMPORTED_MODULE_0___default()(Object(_format_message__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({\n        default: 'Insert Math Equation',\n        description: 'Title for RCE button to insert a math equation'\n      })),\n      onAction: () => ed.execCommand('instructureEquation'),\n      icon: 'equation',\n\n      onSetup(buttonApi) {\n        const toggleActive = eventApi => {\n          buttonApi.setActive(isEquationImage(eventApi.element));\n        };\n\n        ed.on('NodeChange', toggleActive);\n        return () => ed.off('NodeChange', toggleActive);\n      }\n\n    });\n    ed.ui.registry.addButton('instructure-equation-options', {\n      onAction() {\n        ed.execCommand('instructureEquation');\n      },\n\n      text: Object(_format_message__WEBPACK_IMPORTED_MODULE_1__[\"default\"])('Edit Equation')\n    });\n    ed.ui.registry.addContextToolbar('instructure-equation-toolbar', {\n      items: 'instructure-equation-options',\n      position: 'node',\n      predicate: isEquationImage,\n      scope: 'node'\n    });\n  }\n\n}); // Register plugin\n\ntinymce.PluginManager.add('instructure_equation', tinymce.plugins.InstructureEquation);\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_equation/plugin.js?");
 
 /***/ }),
 
@@ -248,7 +248,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _for
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"CREATE_ICON_MAKER\", function() { return CREATE_ICON_MAKER; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"LIST_ICON_MAKER\", function() { return LIST_ICON_MAKER; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"EDIT_ICON_MAKER\", function() { return EDIT_ICON_MAKER; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ICONS_TRAY_CONTAINER_ID\", function() { return ICONS_TRAY_CONTAINER_ID; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"../../node_modules/react-dom/index.js\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _bridge__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../bridge */ \"./src/bridge/index.js\");\n/* harmony import */ var _shared_StoreContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../shared/StoreContext */ \"./src/rce/plugins/shared/StoreContext.js\");\n/*\n * Copyright (C) 2021 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n\n\n\nconst CREATE_ICON_MAKER = 'create_icon_maker_icon';\nconst LIST_ICON_MAKER = 'list_icon_maker_icons';\nconst EDIT_ICON_MAKER = 'edit_icon_maker_icon';\nconst ICONS_TRAY_CONTAINER_ID = 'instructure-rce-icons-tray-container';\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (ed, document, type) {\n  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(3), __webpack_require__.e(2), __webpack_require__.e(9), __webpack_require__.e(98), __webpack_require__.e(1), __webpack_require__.e(23)]).then(__webpack_require__.bind(null, /*! ./components/IconMakerTray */ \"./src/rce/plugins/instructure_icon_maker/components/IconMakerTray.js\")).then(_ref => {\n    let {\n      IconMakerTray\n    } = _ref;\n    let container = document.querySelector(`#${ICONS_TRAY_CONTAINER_ID}`);\n    const trayProps = _bridge__WEBPACK_IMPORTED_MODULE_2__[\"default\"].trayProps.get(ed);\n\n    const handleUnmount = () => {\n      react_dom__WEBPACK_IMPORTED_MODULE_1___default.a.unmountComponentAtNode(container);\n      ed.focus(false);\n    };\n\n    if (!container) {\n      container = document.createElement('div');\n      container.id = ICONS_TRAY_CONTAINER_ID;\n      document.body.appendChild(container);\n    } else if (type === CREATE_ICON_MAKER) {\n      // This case indicates we are switching modes (i.e. Editing -> Creating)\n      // We unmount the component to clear all state. This also triggers an animation\n      // that closes and opens the tray to indicate a mode change to the user\n      handleUnmount();\n    }\n\n    react_dom__WEBPACK_IMPORTED_MODULE_1___default.a.render( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_shared_StoreContext__WEBPACK_IMPORTED_MODULE_3__[\"StoreProvider\"], trayProps, () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconMakerTray, {\n      editor: ed,\n      editing: type === EDIT_ICON_MAKER,\n      onUnmount: handleUnmount,\n      rcsConfig: trayProps\n    })), container);\n  });\n});\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_icon_maker/clickCallback.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"CREATE_ICON_MAKER\", function() { return CREATE_ICON_MAKER; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"LIST_ICON_MAKER\", function() { return LIST_ICON_MAKER; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"EDIT_ICON_MAKER\", function() { return EDIT_ICON_MAKER; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ICONS_TRAY_CONTAINER_ID\", function() { return ICONS_TRAY_CONTAINER_ID; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"../../node_modules/react-dom/index.js\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _bridge__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../bridge */ \"./src/bridge/index.js\");\n/* harmony import */ var _shared_StoreContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../shared/StoreContext */ \"./src/rce/plugins/shared/StoreContext.js\");\n/*\n * Copyright (C) 2021 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n\n\n\nconst CREATE_ICON_MAKER = 'create_icon_maker_icon';\nconst LIST_ICON_MAKER = 'list_icon_maker_icons';\nconst EDIT_ICON_MAKER = 'edit_icon_maker_icon';\nconst ICONS_TRAY_CONTAINER_ID = 'instructure-rce-icons-tray-container';\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (ed, document, type) {\n  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(3), __webpack_require__.e(2), __webpack_require__.e(9), __webpack_require__.e(1), __webpack_require__.e(23)]).then(__webpack_require__.bind(null, /*! ./components/IconMakerTray */ \"./src/rce/plugins/instructure_icon_maker/components/IconMakerTray.js\")).then(_ref => {\n    let {\n      IconMakerTray\n    } = _ref;\n    let container = document.querySelector(`#${ICONS_TRAY_CONTAINER_ID}`);\n    const trayProps = _bridge__WEBPACK_IMPORTED_MODULE_2__[\"default\"].trayProps.get(ed);\n\n    const handleUnmount = () => {\n      react_dom__WEBPACK_IMPORTED_MODULE_1___default.a.unmountComponentAtNode(container);\n      ed.focus(false);\n    };\n\n    if (!container) {\n      container = document.createElement('div');\n      container.id = ICONS_TRAY_CONTAINER_ID;\n      document.body.appendChild(container);\n    } else if (type === CREATE_ICON_MAKER) {\n      // This case indicates we are switching modes (i.e. Editing -> Creating)\n      // We unmount the component to clear all state. This also triggers an animation\n      // that closes and opens the tray to indicate a mode change to the user\n      handleUnmount();\n    }\n\n    react_dom__WEBPACK_IMPORTED_MODULE_1___default.a.render( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_shared_StoreContext__WEBPACK_IMPORTED_MODULE_3__[\"StoreProvider\"], trayProps, () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconMakerTray, {\n      editor: ed,\n      editing: type === EDIT_ICON_MAKER,\n      onUnmount: handleUnmount,\n      rcsConfig: trayProps\n    })), container);\n  });\n});\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_icon_maker/clickCallback.js?");
 
 /***/ }),
 
@@ -296,7 +296,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return ImageOptionsTray; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @instructure/ui-buttons */ \"../../node_modules/@instructure/ui-buttons/es/index.js\");\n/* harmony import */ var _instructure_ui_heading__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/ui-heading */ \"../../node_modules/@instructure/ui-heading/es/index.js\");\n/* harmony import */ var _instructure_ui_flex__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @instructure/ui-flex */ \"../../node_modules/@instructure/ui-flex/es/index.js\");\n/* harmony import */ var _instructure_ui_tray__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/ui-tray */ \"../../node_modules/@instructure/ui-tray/es/index.js\");\n/* harmony import */ var _ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../ImageEmbedOptions */ \"./src/rce/plugins/instructure_image/ImageEmbedOptions.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _shared_DimensionsInput__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../shared/DimensionsInput */ \"./src/rce/plugins/shared/DimensionsInput/index.js\");\n/* harmony import */ var _shared_ImageOptionsForm__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../shared/ImageOptionsForm */ \"./src/rce/plugins/shared/ImageOptionsForm.js\");\n/* harmony import */ var _shared_trayUtils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../shared/trayUtils */ \"./src/rce/plugins/shared/trayUtils.js\");\n/* harmony import */ var _instructure_links_validateURL__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../instructure_links/validateURL */ \"./src/rce/plugins/instructure_links/validateURL.js\");\n/* harmony import */ var _shared_Upload_UrlPanel__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../shared/Upload/UrlPanel */ \"./src/rce/plugins/shared/Upload/UrlPanel.js\");\n/*\n * Copyright (C) 2019 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction ImageOptionsTray(props) {\n  const {\n    imageOptions,\n    onEntered,\n    onExited,\n    onRequestClose,\n    onSave,\n    open\n  } = props;\n  const {\n    naturalHeight,\n    naturalWidth,\n    isLinked\n  } = imageOptions;\n  const currentHeight = imageOptions.appliedHeight || naturalHeight;\n  const currentWidth = imageOptions.appliedWidth || naturalWidth;\n  const [url, setUrl] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(imageOptions.url);\n  const [showUrlField, setShowUrlField] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(false);\n  const [altText, setAltText] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(imageOptions.altText);\n  const [isDecorativeImage, setIsDecorativeImage] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(imageOptions.isDecorativeImage);\n  const [displayAs, setDisplayAs] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])('embed');\n  const [imageSize, setImageSize] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(imageOptions.imageSize);\n  const [imageHeight, setImageHeight] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(currentHeight);\n  const [imageWidth, setImageWidth] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(currentWidth);\n  const dimensionsState = Object(_shared_DimensionsInput__WEBPACK_IMPORTED_MODULE_8__[\"useDimensionsState\"])(imageOptions, {\n    minHeight: _ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_6__[\"MIN_HEIGHT\"],\n    minWidth: _ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_6__[\"MIN_WIDTH\"],\n    minPercentage: _ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_6__[\"MIN_PERCENTAGE\"]\n  });\n\n  function handleUrlChange(newUrl) {\n    setUrl(newUrl);\n  }\n\n  function handleAltTextChange(event) {\n    setAltText(event.target.value);\n  }\n\n  function handleIsDecorativeChange(event) {\n    setIsDecorativeImage(event.target.checked);\n  }\n\n  function handleDisplayAsChange(event) {\n    setDisplayAs(event.target.value);\n  }\n\n  function handleImageSizeChange(event, selectedOption) {\n    setImageSize(selectedOption.value);\n\n    if (selectedOption.value === _ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_6__[\"CUSTOM\"]) {\n      setImageHeight(currentHeight);\n      setImageWidth(currentWidth);\n    } else {\n      const {\n        height,\n        width\n      } = Object(_ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_6__[\"scaleToSize\"])(selectedOption.value, naturalWidth, naturalHeight);\n      setImageHeight(height);\n      setImageWidth(width);\n    }\n  }\n\n  function handleSave(event) {\n    event.preventDefault();\n    const savedAltText = isDecorativeImage ? '' : altText;\n    let appliedHeight = imageHeight;\n    let appliedWidth = imageWidth;\n\n    if (imageSize === _ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_6__[\"CUSTOM\"]) {\n      if (dimensionsState.usePercentageUnits) {\n        appliedHeight = `${dimensionsState.percentage}%`;\n        appliedWidth = `${dimensionsState.percentage}%`;\n      } else {\n        appliedHeight = dimensionsState.height;\n        appliedWidth = dimensionsState.width;\n      }\n    }\n\n    onSave({\n      url,\n      altText: savedAltText,\n      appliedHeight,\n      appliedWidth,\n      displayAs,\n      isDecorativeImage\n    });\n  }\n\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(() => {\n    let isValidURL;\n\n    try {\n      isValidURL = Object(_instructure_links_validateURL__WEBPACK_IMPORTED_MODULE_11__[\"default\"])(url);\n    } catch (error) {\n      isValidURL = false;\n    } finally {\n      setShowUrlField(isValidURL ? Object(_shared_trayUtils__WEBPACK_IMPORTED_MODULE_10__[\"isExternalUrl\"])(url) : true);\n    }\n  }, []);\n  const messagesForSize = [];\n\n  if (imageSize !== _ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_6__[\"CUSTOM\"]) {\n    messagesForSize.push({\n      text: Object(_format_message__WEBPACK_IMPORTED_MODULE_7__[\"default\"])('{width} x {height}px', {\n        height: imageHeight,\n        width: imageWidth\n      }),\n      type: 'hint'\n    });\n  }\n\n  const saveDisabled = url === '' || displayAs === 'embed' && (!isDecorativeImage && altText === '' || imageSize === _ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_6__[\"CUSTOM\"] && !(dimensionsState !== null && dimensionsState !== void 0 && dimensionsState.isValid));\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_tray__WEBPACK_IMPORTED_MODULE_5__[\"Tray\"], {\n    \"data-mce-component\": true,\n    label: Object(_format_message__WEBPACK_IMPORTED_MODULE_7__[\"default\"])('Image Options Tray'),\n    onDismiss: onRequestClose,\n    onEntered: onEntered,\n    onExited: onExited,\n    open: open,\n    placement: \"end\",\n    shouldCloseOnDocumentClick: true,\n    shouldContainFocus: true,\n    shouldReturnFocus: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_4__[\"Flex\"], {\n    direction: \"column\",\n    height: Object(_shared_trayUtils__WEBPACK_IMPORTED_MODULE_10__[\"getTrayHeight\"])()\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_4__[\"Flex\"].Item, {\n    as: \"header\",\n    padding: \"medium\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_4__[\"Flex\"], {\n    direction: \"row\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_4__[\"Flex\"].Item, {\n    grow: true,\n    shrink: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_heading__WEBPACK_IMPORTED_MODULE_3__[\"Heading\"], {\n    as: \"h2\"\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_7__[\"default\"])('Image Options'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_4__[\"Flex\"].Item, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_2__[\"CloseButton\"], {\n    placemet: \"static\",\n    variant: \"icon\",\n    onClick: onRequestClose\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_7__[\"default\"])('Close'))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_4__[\"Flex\"].Item, {\n    as: \"form\",\n    grow: true,\n    margin: \"none\",\n    shrink: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_4__[\"Flex\"], {\n    justifyItems: \"space-between\",\n    direction: \"column\",\n    height: \"100%\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_4__[\"Flex\"], {\n    direction: \"column\"\n  }, showUrlField && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_4__[\"Flex\"].Item, {\n    padding: \"small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_shared_Upload_UrlPanel__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n    fileUrl: url,\n    setFileUrl: handleUrlChange\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_shared_ImageOptionsForm__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n    id: \"image-options-form\",\n    imageSize: imageSize,\n    displayAs: displayAs,\n    isDecorativeImage: isDecorativeImage,\n    altText: altText,\n    isLinked: isLinked,\n    dimensionsState: dimensionsState,\n    handleAltTextChange: handleAltTextChange,\n    handleIsDecorativeChange: handleIsDecorativeChange,\n    handleDisplayAsChange: handleDisplayAsChange,\n    handleImageSizeChange: handleImageSizeChange,\n    messagesForSize: messagesForSize\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_4__[\"Flex\"].Item, {\n    background: \"secondary\",\n    borderWidth: \"small none none none\",\n    padding: \"small medium\",\n    textAlign: \"end\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_2__[\"Button\"], {\n    disabled: saveDisabled,\n    onClick: handleSave,\n    variant: \"primary\"\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_7__[\"default\"])('Done')))))));\n}\nImageOptionsTray.propTypes = {\n  imageOptions: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"shape\"])({\n    altText: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n    appliedHeight: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"number\"],\n    appliedWidth: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"number\"],\n    isDecorativeImage: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"bool\"].isRequired,\n    isLinked: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"bool\"],\n    naturalHeight: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"number\"].isRequired,\n    naturalWidth: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"number\"].isRequired\n  }).isRequired,\n  onEntered: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"],\n  onExited: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"],\n  onRequestClose: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired,\n  onSave: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired,\n  open: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"bool\"].isRequired\n};\nImageOptionsTray.defaultProps = {\n  onEntered: null,\n  onExited: null\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_image/ImageOptionsTray/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return ImageOptionsTray; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @instructure/ui-buttons */ \"../../node_modules/@instructure/ui-buttons/es/index.js\");\n/* harmony import */ var _instructure_ui_heading__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/ui-heading */ \"../../node_modules/@instructure/ui-heading/es/index.js\");\n/* harmony import */ var _instructure_ui_flex__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @instructure/ui-flex */ \"../../node_modules/@instructure/ui-flex/es/index.js\");\n/* harmony import */ var _instructure_ui_tray__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/ui-tray */ \"../../node_modules/@instructure/ui-tray/es/index.js\");\n/* harmony import */ var _ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../ImageEmbedOptions */ \"./src/rce/plugins/instructure_image/ImageEmbedOptions.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _shared_DimensionsInput__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../shared/DimensionsInput */ \"./src/rce/plugins/shared/DimensionsInput/index.js\");\n/* harmony import */ var _shared_ImageOptionsForm__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../shared/ImageOptionsForm */ \"./src/rce/plugins/shared/ImageOptionsForm.js\");\n/* harmony import */ var _shared_trayUtils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../shared/trayUtils */ \"./src/rce/plugins/shared/trayUtils.js\");\n/* harmony import */ var _instructure_links_validateURL__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../instructure_links/validateURL */ \"./src/rce/plugins/instructure_links/validateURL.js\");\n/* harmony import */ var _shared_Upload_UrlPanel__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../shared/Upload/UrlPanel */ \"./src/rce/plugins/shared/Upload/UrlPanel.js\");\n/*\n * Copyright (C) 2019 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction ImageOptionsTray(props) {\n  const {\n    imageOptions,\n    onEntered,\n    onExited,\n    onRequestClose,\n    onSave,\n    open\n  } = props;\n  const {\n    naturalHeight,\n    naturalWidth,\n    isLinked\n  } = imageOptions;\n  const currentHeight = imageOptions.appliedHeight || naturalHeight;\n  const currentWidth = imageOptions.appliedWidth || naturalWidth;\n  const [url, setUrl] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(imageOptions.url);\n  const [showUrlField, setShowUrlField] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(false);\n  const [altText, setAltText] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(imageOptions.altText);\n  const [isDecorativeImage, setIsDecorativeImage] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(imageOptions.isDecorativeImage);\n  const [displayAs, setDisplayAs] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])('embed');\n  const [imageSize, setImageSize] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(imageOptions.imageSize);\n  const [imageHeight, setImageHeight] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(currentHeight);\n  const [imageWidth, setImageWidth] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(currentWidth);\n  const dimensionsState = Object(_shared_DimensionsInput__WEBPACK_IMPORTED_MODULE_8__[\"useDimensionsState\"])(imageOptions, {\n    minHeight: _ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_6__[\"MIN_HEIGHT\"],\n    minWidth: _ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_6__[\"MIN_WIDTH\"],\n    minPercentage: _ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_6__[\"MIN_PERCENTAGE\"]\n  });\n\n  function handleUrlChange(newUrl) {\n    setUrl(newUrl);\n  }\n\n  function handleAltTextChange(event) {\n    setAltText(event.target.value);\n  }\n\n  function handleIsDecorativeChange(event) {\n    setIsDecorativeImage(event.target.checked);\n  }\n\n  function handleDisplayAsChange(event) {\n    setDisplayAs(event.target.value);\n  }\n\n  function handleImageSizeChange(event, selectedOption) {\n    setImageSize(selectedOption.value);\n\n    if (selectedOption.value === _ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_6__[\"CUSTOM\"]) {\n      setImageHeight(currentHeight);\n      setImageWidth(currentWidth);\n    } else {\n      const {\n        height,\n        width\n      } = Object(_ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_6__[\"scaleToSize\"])(selectedOption.value, naturalWidth, naturalHeight);\n      setImageHeight(height);\n      setImageWidth(width);\n    }\n  }\n\n  function handleSave(event) {\n    event.preventDefault();\n    const savedAltText = isDecorativeImage ? '' : altText;\n    let appliedHeight = imageHeight;\n    let appliedWidth = imageWidth;\n\n    if (imageSize === _ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_6__[\"CUSTOM\"]) {\n      if (dimensionsState.usePercentageUnits) {\n        appliedHeight = `${dimensionsState.percentage}%`;\n        appliedWidth = `${dimensionsState.percentage}%`;\n      } else {\n        appliedHeight = dimensionsState.height;\n        appliedWidth = dimensionsState.width;\n      }\n    }\n\n    onSave({\n      url,\n      altText: savedAltText,\n      appliedHeight,\n      appliedWidth,\n      displayAs,\n      isDecorativeImage\n    });\n  }\n\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(() => {\n    let isValidURL;\n\n    try {\n      isValidURL = Object(_instructure_links_validateURL__WEBPACK_IMPORTED_MODULE_11__[\"default\"])(url);\n    } catch (error) {\n      isValidURL = false;\n    } finally {\n      setShowUrlField(isValidURL ? Object(_shared_trayUtils__WEBPACK_IMPORTED_MODULE_10__[\"isExternalUrl\"])(url) : true);\n    }\n  }, [url]);\n  const messagesForSize = [];\n\n  if (imageSize !== _ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_6__[\"CUSTOM\"]) {\n    messagesForSize.push({\n      text: Object(_format_message__WEBPACK_IMPORTED_MODULE_7__[\"default\"])('{width} x {height}px', {\n        height: imageHeight,\n        width: imageWidth\n      }),\n      type: 'hint'\n    });\n  }\n\n  const saveDisabled = url === '' || displayAs === 'embed' && (!isDecorativeImage && altText === '' || imageSize === _ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_6__[\"CUSTOM\"] && !(dimensionsState !== null && dimensionsState !== void 0 && dimensionsState.isValid));\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_tray__WEBPACK_IMPORTED_MODULE_5__[\"Tray\"], {\n    \"data-mce-component\": true,\n    label: Object(_format_message__WEBPACK_IMPORTED_MODULE_7__[\"default\"])('Image Options Tray'),\n    onDismiss: onRequestClose,\n    onEntered: onEntered,\n    onExited: onExited,\n    open: open,\n    placement: \"end\",\n    shouldCloseOnDocumentClick: true,\n    shouldContainFocus: true,\n    shouldReturnFocus: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_4__[\"Flex\"], {\n    direction: \"column\",\n    height: Object(_shared_trayUtils__WEBPACK_IMPORTED_MODULE_10__[\"getTrayHeight\"])()\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_4__[\"Flex\"].Item, {\n    as: \"header\",\n    padding: \"medium\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_4__[\"Flex\"], {\n    direction: \"row\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_4__[\"Flex\"].Item, {\n    shouldGrow: true,\n    shouldShrink: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_heading__WEBPACK_IMPORTED_MODULE_3__[\"Heading\"], {\n    as: \"h2\"\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_7__[\"default\"])('Image Options'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_4__[\"Flex\"].Item, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_2__[\"CloseButton\"], {\n    color: \"primary\",\n    onClick: onRequestClose,\n    screenReaderLabel: Object(_format_message__WEBPACK_IMPORTED_MODULE_7__[\"default\"])('Close')\n  })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_4__[\"Flex\"].Item, {\n    as: \"form\",\n    shouldGrow: true,\n    margin: \"none\",\n    shouldShrink: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_4__[\"Flex\"], {\n    justifyItems: \"space-between\",\n    direction: \"column\",\n    height: \"100%\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_4__[\"Flex\"], {\n    direction: \"column\"\n  }, showUrlField && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_4__[\"Flex\"].Item, {\n    padding: \"small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_shared_Upload_UrlPanel__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n    fileUrl: url,\n    setFileUrl: handleUrlChange\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_shared_ImageOptionsForm__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n    id: \"image-options-form\",\n    imageSize: imageSize,\n    displayAs: displayAs,\n    isDecorativeImage: isDecorativeImage,\n    altText: altText,\n    isLinked: isLinked,\n    dimensionsState: dimensionsState,\n    handleAltTextChange: handleAltTextChange,\n    handleIsDecorativeChange: handleIsDecorativeChange,\n    handleDisplayAsChange: handleDisplayAsChange,\n    handleImageSizeChange: handleImageSizeChange,\n    messagesForSize: messagesForSize\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_4__[\"Flex\"].Item, {\n    background: \"secondary\",\n    borderWidth: \"small none none none\",\n    padding: \"small medium\",\n    textAlign: \"end\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_2__[\"Button\"], {\n    disabled: saveDisabled,\n    onClick: handleSave,\n    variant: \"primary\"\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_7__[\"default\"])('Done')))))));\n}\nImageOptionsTray.propTypes = {\n  imageOptions: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"shape\"])({\n    altText: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n    appliedHeight: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"number\"],\n    appliedWidth: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"number\"],\n    isDecorativeImage: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"bool\"].isRequired,\n    isLinked: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"bool\"],\n    naturalHeight: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"number\"].isRequired,\n    naturalWidth: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"number\"].isRequired\n  }).isRequired,\n  onEntered: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"],\n  onExited: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"],\n  onRequestClose: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired,\n  onSave: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired,\n  open: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"bool\"].isRequired\n};\nImageOptionsTray.defaultProps = {\n  onEntered: null,\n  onExited: null\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_image/ImageOptionsTray/index.js?");
 
 /***/ }),
 
@@ -380,7 +380,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return LinkOptionsTray; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @instructure/ui-buttons */ \"../../node_modules/@instructure/ui-buttons/es/index.js\");\n/* harmony import */ var _instructure_ui_alerts__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/ui-alerts */ \"../../node_modules/@instructure/ui-alerts/es/index.js\");\n/* harmony import */ var _instructure_ui_heading__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @instructure/ui-heading */ \"../../node_modules/@instructure/ui-heading/es/index.js\");\n/* harmony import */ var _instructure_ui_form_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/ui-form-field */ \"../../node_modules/@instructure/ui-form-field/es/index.js\");\n/* harmony import */ var _instructure_ui_checkbox__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @instructure/ui-checkbox */ \"../../node_modules/@instructure/ui-checkbox/es/index.js\");\n/* harmony import */ var _instructure_ui_radio_input__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @instructure/ui-radio-input */ \"../../node_modules/@instructure/ui-radio-input/es/index.js\");\n/* harmony import */ var _instructure_ui_text_input__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @instructure/ui-text-input */ \"../../node_modules/@instructure/ui-text-input/es/index.js\");\n/* harmony import */ var _instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @instructure/ui-flex */ \"../../node_modules/@instructure/ui-flex/es/index.js\");\n/* harmony import */ var _instructure_ui_tray__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @instructure/ui-tray */ \"../../node_modules/@instructure/ui-tray/es/index.js\");\n/* harmony import */ var _instructure_ui_view__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @instructure/ui-view */ \"../../node_modules/@instructure/ui-view/es/index.js\");\n/* harmony import */ var _validateURL__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../validateURL */ \"./src/rce/plugins/instructure_links/validateURL.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _shared_ContentSelection__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../shared/ContentSelection */ \"./src/rce/plugins/shared/ContentSelection.js\");\n/* harmony import */ var _shared_trayUtils__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../shared/trayUtils */ \"./src/rce/plugins/shared/trayUtils.js\");\n/*\n * Copyright (C) 2019 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction LinkOptionsTray(props) {\n  const content = props.content || {};\n  const textToLink = content.text || '';\n  const showText = content.onlyTextSelected;\n  const [text, setText] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(textToLink || '');\n  const [url, setUrl] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(content.url || '');\n  const [err, setErr] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(null);\n  const [isValidURL, setIsValidURL] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(false);\n  const [autoOpenPreview, setAutoOpenPreview] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(content.displayAs === _shared_ContentSelection__WEBPACK_IMPORTED_MODULE_14__[\"DISPLAY_AS_EMBED\"]);\n  const [disableInlinePreview, setDisableInlinePreview] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(content.displayAs === _shared_ContentSelection__WEBPACK_IMPORTED_MODULE_14__[\"DISPLAY_AS_EMBED_DISABLED\"] || content.displayAs === _shared_ContentSelection__WEBPACK_IMPORTED_MODULE_14__[\"DISPLAY_AS_DOWNLOAD_LINK\"]);\n  const [displayOptionSelection, setDisplayOptionSelection] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(initialPreviewSelection(content));\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(() => {\n    try {\n      const v = Object(_validateURL__WEBPACK_IMPORTED_MODULE_12__[\"default\"])(url);\n      setIsValidURL(v);\n      setErr(null);\n    } catch (ex) {\n      setIsValidURL(false);\n      setErr(ex.message);\n    }\n  }, [url]);\n\n  function handleSave(event) {\n    event.preventDefault();\n    const embedType = content.isPreviewable ? 'scribd' : null;\n    const linkAttrs = {\n      embed: embedType ? {\n        type: embedType,\n        autoOpenPreview: autoOpenPreview && !disableInlinePreview,\n        disableInlinePreview,\n        noPreview: displayOptionSelection === 'disable'\n      } : null,\n      text,\n      href: url,\n      id: content.id || null,\n      forceRename: true // A change to \"text\" should always update the link's text\n\n    };\n    props.onSave(linkAttrs);\n  }\n\n  function initialPreviewSelection(content) {\n    if (content.displayAs === _shared_ContentSelection__WEBPACK_IMPORTED_MODULE_14__[\"DISPLAY_AS_DOWNLOAD_LINK\"]) {\n      return 'disable';\n    } else if (content.displayAs === _shared_ContentSelection__WEBPACK_IMPORTED_MODULE_14__[\"DISPLAY_AS_EMBED\"] || content.displayAs === _shared_ContentSelection__WEBPACK_IMPORTED_MODULE_14__[\"DISPLAY_AS_LINK\"]) {\n      return 'inline';\n    } else {\n      return 'overlay';\n    }\n  }\n\n  function handleTextChange(event) {\n    setText(event.target.value);\n  }\n\n  function handleLinkChange(event) {\n    setUrl(event.target.value);\n  }\n\n  function handlePreviewChange(event) {\n    setAutoOpenPreview(event.target.checked);\n  }\n\n  function handlePreviewOptionChange(_event, value) {\n    setDisableInlinePreview(value === 'overlay' || value === 'disable');\n    setDisplayOptionSelection(value);\n  }\n\n  function renderDisplayOptions() {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_form_field__WEBPACK_IMPORTED_MODULE_5__[\"FormFieldGroup\"], {\n      description: Object(_format_message__WEBPACK_IMPORTED_MODULE_13__[\"default\"])('Display Options'),\n      layout: \"stacked\",\n      rowSpacing: \"small\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_radio_input__WEBPACK_IMPORTED_MODULE_7__[\"RadioInputGroup\"], {\n      description: \" \"\n      /* the FormFieldGroup is providing the label */\n      ,\n      name: \"preview_option\",\n      onChange: handlePreviewOptionChange,\n      value: displayOptionSelection\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_radio_input__WEBPACK_IMPORTED_MODULE_7__[\"RadioInput\"], {\n      key: \"disable\",\n      value: \"disable\",\n      label: Object(_format_message__WEBPACK_IMPORTED_MODULE_13__[\"default\"])('Disable Preview')\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_radio_input__WEBPACK_IMPORTED_MODULE_7__[\"RadioInput\"], {\n      key: \"overlay\",\n      value: \"overlay\",\n      label: Object(_format_message__WEBPACK_IMPORTED_MODULE_13__[\"default\"])('Preview in overlay')\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_radio_input__WEBPACK_IMPORTED_MODULE_7__[\"RadioInput\"], {\n      key: \"inline\",\n      value: \"inline\",\n      label: Object(_format_message__WEBPACK_IMPORTED_MODULE_13__[\"default\"])('Preview inline')\n    })), !disableInlinePreview && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_11__[\"View\"], {\n      as: \"div\",\n      margin: \"0 0 0 small\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_checkbox__WEBPACK_IMPORTED_MODULE_6__[\"Checkbox\"], {\n      label: Object(_format_message__WEBPACK_IMPORTED_MODULE_13__[\"default\"])('Expand preview by Default'),\n      name: \"auto-preview\",\n      onChange: handlePreviewChange,\n      checked: autoOpenPreview\n    })));\n  }\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_tray__WEBPACK_IMPORTED_MODULE_10__[\"Tray\"], {\n    \"data-testid\": \"RCELinkOptionsTray\",\n    \"data-mce-component\": true,\n    label: Object(_format_message__WEBPACK_IMPORTED_MODULE_13__[\"default\"])('Link Options'),\n    onDismiss: props.onRequestClose,\n    onEntered: props.onEntered,\n    onExited: props.onExited,\n    open: props.open,\n    placement: \"end\",\n    shouldCloseOnDocumentClick: true,\n    shouldContainFocus: true,\n    shouldReturnFocus: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"], {\n    direction: \"column\",\n    height: Object(_shared_trayUtils__WEBPACK_IMPORTED_MODULE_15__[\"getTrayHeight\"])()\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"].Item, {\n    as: \"header\",\n    padding: \"medium\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"], {\n    direction: \"row\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"].Item, {\n    grow: true,\n    shrink: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_heading__WEBPACK_IMPORTED_MODULE_4__[\"Heading\"], {\n    as: \"h2\"\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_13__[\"default\"])('Link Options'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"].Item, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_2__[\"CloseButton\"], {\n    placement: \"static\",\n    variant: \"icon\",\n    onClick: props.onRequestClose\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_13__[\"default\"])('Close'))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"].Item, {\n    as: \"form\",\n    grow: true,\n    margin: \"none\",\n    shrink: true,\n    onSubmit: handleSave\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"], {\n    justifyItems: \"space-between\",\n    direction: \"column\",\n    height: \"100%\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"].Item, {\n    grow: true,\n    padding: \"small\",\n    shrink: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n    type: \"submit\",\n    style: {\n      display: 'none'\n    }\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"], {\n    direction: \"column\"\n  }, showText && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"].Item, {\n    padding: \"small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text_input__WEBPACK_IMPORTED_MODULE_8__[\"TextInput\"], {\n    renderLabel: () => Object(_format_message__WEBPACK_IMPORTED_MODULE_13__[\"default\"])('Text'),\n    onChange: handleTextChange,\n    value: text\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"].Item, {\n    padding: \"small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text_input__WEBPACK_IMPORTED_MODULE_8__[\"TextInput\"], {\n    renderLabel: () => Object(_format_message__WEBPACK_IMPORTED_MODULE_13__[\"default\"])('Link'),\n    onChange: handleLinkChange,\n    value: url\n  })), err && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"].Item, {\n    padding: \"small\",\n    \"data-testid\": \"url-error\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_alerts__WEBPACK_IMPORTED_MODULE_3__[\"Alert\"], {\n    variant: \"error\"\n  }, err)), content.isPreviewable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"].Item, {\n    margin: \"small none none none\",\n    padding: \"small\"\n  }, renderDisplayOptions()))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"].Item, {\n    background: \"secondary\",\n    borderWidth: \"small none none none\",\n    padding: \"small medium\",\n    textAlign: \"end\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_2__[\"Button\"], {\n    disabled: showText && !text || !(url && isValidURL),\n    onClick: handleSave,\n    variant: \"primary\"\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_13__[\"default\"])('Done')))))));\n}\nLinkOptionsTray.propTypes = {\n  // content is required only if the tray is open\n  content: (props, _propName, _componentName) => {\n    if (props.open) {\n      Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"checkPropTypes\"])({\n        content: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"shape\"])({\n          $element: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"object\"],\n          // the DOM's HTMLElement\n          dispalyAs: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"oneOf\"])([_shared_ContentSelection__WEBPACK_IMPORTED_MODULE_14__[\"DISPLAY_AS_LINK\"], _shared_ContentSelection__WEBPACK_IMPORTED_MODULE_14__[\"DISPLAY_AS_EMBED\"]]),\n          isPreviewable: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"bool\"],\n          text: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"],\n          url: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"]\n        }).isRequired\n      }, props, 'content', 'LinkOptionsTray');\n    }\n  },\n  onEntered: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"],\n  onExited: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"],\n  onRequestClose: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired,\n  onSave: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired,\n  open: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"bool\"].isRequired\n};\nLinkOptionsTray.defaultProps = {\n  onEntered: null,\n  onExited: null\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_links/components/LinkOptionsTray/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return LinkOptionsTray; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @instructure/ui-buttons */ \"../../node_modules/@instructure/ui-buttons/es/index.js\");\n/* harmony import */ var _instructure_ui_alerts__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/ui-alerts */ \"../../node_modules/@instructure/ui-alerts/es/index.js\");\n/* harmony import */ var _instructure_ui_heading__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @instructure/ui-heading */ \"../../node_modules/@instructure/ui-heading/es/index.js\");\n/* harmony import */ var _instructure_ui_form_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/ui-form-field */ \"../../node_modules/@instructure/ui-form-field/es/index.js\");\n/* harmony import */ var _instructure_ui_checkbox__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @instructure/ui-checkbox */ \"../../node_modules/@instructure/ui-checkbox/es/index.js\");\n/* harmony import */ var _instructure_ui_radio_input__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @instructure/ui-radio-input */ \"../../node_modules/@instructure/ui-radio-input/es/index.js\");\n/* harmony import */ var _instructure_ui_text_input__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @instructure/ui-text-input */ \"../../node_modules/@instructure/ui-text-input/es/index.js\");\n/* harmony import */ var _instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @instructure/ui-flex */ \"../../node_modules/@instructure/ui-flex/es/index.js\");\n/* harmony import */ var _instructure_ui_tray__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @instructure/ui-tray */ \"../../node_modules/@instructure/ui-tray/es/index.js\");\n/* harmony import */ var _instructure_ui_view__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @instructure/ui-view */ \"../../node_modules/@instructure/ui-view/es/index.js\");\n/* harmony import */ var _validateURL__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../validateURL */ \"./src/rce/plugins/instructure_links/validateURL.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _shared_ContentSelection__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../shared/ContentSelection */ \"./src/rce/plugins/shared/ContentSelection.js\");\n/* harmony import */ var _shared_trayUtils__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../shared/trayUtils */ \"./src/rce/plugins/shared/trayUtils.js\");\n/*\n * Copyright (C) 2019 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction LinkOptionsTray(props) {\n  const content = props.content || {};\n  const textToLink = content.text || '';\n  const showText = content.onlyTextSelected;\n  const [text, setText] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(textToLink || '');\n  const [url, setUrl] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(content.url || '');\n  const [err, setErr] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(null);\n  const [isValidURL, setIsValidURL] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(false);\n  const [autoOpenPreview, setAutoOpenPreview] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(content.displayAs === _shared_ContentSelection__WEBPACK_IMPORTED_MODULE_14__[\"DISPLAY_AS_EMBED\"]);\n  const [disableInlinePreview, setDisableInlinePreview] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(content.displayAs === _shared_ContentSelection__WEBPACK_IMPORTED_MODULE_14__[\"DISPLAY_AS_EMBED_DISABLED\"] || content.displayAs === _shared_ContentSelection__WEBPACK_IMPORTED_MODULE_14__[\"DISPLAY_AS_DOWNLOAD_LINK\"]);\n  const [displayOptionSelection, setDisplayOptionSelection] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(initialPreviewSelection(content));\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(() => {\n    try {\n      const v = Object(_validateURL__WEBPACK_IMPORTED_MODULE_12__[\"default\"])(url);\n      setIsValidURL(v);\n      setErr(null);\n    } catch (ex) {\n      setIsValidURL(false);\n      setErr(ex.message);\n    }\n  }, [url]);\n\n  function handleSave(event) {\n    event.preventDefault();\n    const embedType = content.isPreviewable ? 'scribd' : null;\n    const linkAttrs = {\n      embed: embedType ? {\n        type: embedType,\n        autoOpenPreview: autoOpenPreview && !disableInlinePreview,\n        disableInlinePreview,\n        noPreview: displayOptionSelection === 'disable'\n      } : null,\n      text,\n      href: url,\n      id: content.id || null,\n      forceRename: true // A change to \"text\" should always update the link's text\n\n    };\n    props.onSave(linkAttrs);\n  }\n\n  function initialPreviewSelection(content) {\n    if (content.displayAs === _shared_ContentSelection__WEBPACK_IMPORTED_MODULE_14__[\"DISPLAY_AS_DOWNLOAD_LINK\"]) {\n      return 'disable';\n    } else if (content.displayAs === _shared_ContentSelection__WEBPACK_IMPORTED_MODULE_14__[\"DISPLAY_AS_EMBED\"] || content.displayAs === _shared_ContentSelection__WEBPACK_IMPORTED_MODULE_14__[\"DISPLAY_AS_LINK\"]) {\n      return 'inline';\n    } else {\n      return 'overlay';\n    }\n  }\n\n  function handleTextChange(event) {\n    setText(event.target.value);\n  }\n\n  function handleLinkChange(event) {\n    setUrl(event.target.value);\n  }\n\n  function handlePreviewChange(event) {\n    setAutoOpenPreview(event.target.checked);\n  }\n\n  function handlePreviewOptionChange(_event, value) {\n    setDisableInlinePreview(value === 'overlay' || value === 'disable');\n    setDisplayOptionSelection(value);\n  }\n\n  function renderDisplayOptions() {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_form_field__WEBPACK_IMPORTED_MODULE_5__[\"FormFieldGroup\"], {\n      description: Object(_format_message__WEBPACK_IMPORTED_MODULE_13__[\"default\"])('Display Options'),\n      layout: \"stacked\",\n      rowSpacing: \"small\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_radio_input__WEBPACK_IMPORTED_MODULE_7__[\"RadioInputGroup\"], {\n      description: \" \"\n      /* the FormFieldGroup is providing the label */\n      ,\n      name: \"preview_option\",\n      onChange: handlePreviewOptionChange,\n      value: displayOptionSelection\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_radio_input__WEBPACK_IMPORTED_MODULE_7__[\"RadioInput\"], {\n      key: \"disable\",\n      value: \"disable\",\n      label: Object(_format_message__WEBPACK_IMPORTED_MODULE_13__[\"default\"])('Disable Preview')\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_radio_input__WEBPACK_IMPORTED_MODULE_7__[\"RadioInput\"], {\n      key: \"overlay\",\n      value: \"overlay\",\n      label: Object(_format_message__WEBPACK_IMPORTED_MODULE_13__[\"default\"])('Preview in overlay')\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_radio_input__WEBPACK_IMPORTED_MODULE_7__[\"RadioInput\"], {\n      key: \"inline\",\n      value: \"inline\",\n      label: Object(_format_message__WEBPACK_IMPORTED_MODULE_13__[\"default\"])('Preview inline')\n    })), !disableInlinePreview && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_11__[\"View\"], {\n      as: \"div\",\n      margin: \"0 0 0 small\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_checkbox__WEBPACK_IMPORTED_MODULE_6__[\"Checkbox\"], {\n      label: Object(_format_message__WEBPACK_IMPORTED_MODULE_13__[\"default\"])('Expand preview by Default'),\n      name: \"auto-preview\",\n      onChange: handlePreviewChange,\n      checked: autoOpenPreview\n    })));\n  }\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_tray__WEBPACK_IMPORTED_MODULE_10__[\"Tray\"], {\n    \"data-testid\": \"RCELinkOptionsTray\",\n    \"data-mce-component\": true,\n    label: Object(_format_message__WEBPACK_IMPORTED_MODULE_13__[\"default\"])('Link Options'),\n    onDismiss: props.onRequestClose,\n    onEntered: props.onEntered,\n    onExited: props.onExited,\n    open: props.open,\n    placement: \"end\",\n    shouldCloseOnDocumentClick: true,\n    shouldContainFocus: true,\n    shouldReturnFocus: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"], {\n    direction: \"column\",\n    height: Object(_shared_trayUtils__WEBPACK_IMPORTED_MODULE_15__[\"getTrayHeight\"])()\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"].Item, {\n    as: \"header\",\n    padding: \"medium\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"], {\n    direction: \"row\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"].Item, {\n    shouldGrow: true,\n    shouldShrink: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_heading__WEBPACK_IMPORTED_MODULE_4__[\"Heading\"], {\n    as: \"h2\"\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_13__[\"default\"])('Link Options'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"].Item, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_2__[\"CloseButton\"], {\n    color: \"primary\",\n    onClick: props.onRequestClose,\n    screenReaderLabel: Object(_format_message__WEBPACK_IMPORTED_MODULE_13__[\"default\"])('Close')\n  })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"].Item, {\n    as: \"form\",\n    shouldGrow: true,\n    margin: \"none\",\n    shouldShrink: true,\n    onSubmit: handleSave\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"], {\n    justifyItems: \"space-between\",\n    direction: \"column\",\n    height: \"100%\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"].Item, {\n    shouldGrow: true,\n    padding: \"small\",\n    shouldShrink: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n    type: \"submit\",\n    style: {\n      display: 'none'\n    }\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"], {\n    direction: \"column\"\n  }, showText && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"].Item, {\n    padding: \"small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text_input__WEBPACK_IMPORTED_MODULE_8__[\"TextInput\"], {\n    renderLabel: () => Object(_format_message__WEBPACK_IMPORTED_MODULE_13__[\"default\"])('Text'),\n    onChange: handleTextChange,\n    value: text\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"].Item, {\n    padding: \"small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text_input__WEBPACK_IMPORTED_MODULE_8__[\"TextInput\"], {\n    renderLabel: () => Object(_format_message__WEBPACK_IMPORTED_MODULE_13__[\"default\"])('Link'),\n    onChange: handleLinkChange,\n    value: url\n  })), err && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"].Item, {\n    padding: \"small\",\n    \"data-testid\": \"url-error\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_alerts__WEBPACK_IMPORTED_MODULE_3__[\"Alert\"], {\n    variant: \"error\"\n  }, err)), content.isPreviewable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"].Item, {\n    margin: \"small none none none\",\n    padding: \"small\"\n  }, renderDisplayOptions()))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_9__[\"Flex\"].Item, {\n    background: \"secondary\",\n    borderWidth: \"small none none none\",\n    padding: \"small medium\",\n    textAlign: \"end\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_2__[\"Button\"], {\n    disabled: showText && !text || !(url && isValidURL),\n    onClick: handleSave,\n    variant: \"primary\"\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_13__[\"default\"])('Done')))))));\n}\nLinkOptionsTray.propTypes = {\n  // content is required only if the tray is open\n  content: (props, _propName, _componentName) => {\n    if (props.open) {\n      Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"checkPropTypes\"])({\n        content: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"shape\"])({\n          $element: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"object\"],\n          // the DOM's HTMLElement\n          dispalyAs: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"oneOf\"])([_shared_ContentSelection__WEBPACK_IMPORTED_MODULE_14__[\"DISPLAY_AS_LINK\"], _shared_ContentSelection__WEBPACK_IMPORTED_MODULE_14__[\"DISPLAY_AS_EMBED\"]]),\n          isPreviewable: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"bool\"],\n          text: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"],\n          url: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"]\n        }).isRequired\n      }, props, 'content', 'LinkOptionsTray');\n    }\n  },\n  onEntered: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"],\n  onExited: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"],\n  onRequestClose: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired,\n  onSave: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"].isRequired,\n  open: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"bool\"].isRequired\n};\nLinkOptionsTray.defaultProps = {\n  onEntered: null,\n  onExited: null\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_links/components/LinkOptionsTray/index.js?");
 
 /***/ }),
 
@@ -392,7 +392,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _clickCallback__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./clickCallback */ \"./src/rce/plugins/instructure_links/clickCallback.js\");\n/* harmony import */ var _bridge__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../bridge */ \"./src/bridge/index.js\");\n/* harmony import */ var _contentInsertionUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../contentInsertionUtils */ \"./src/rce/contentInsertionUtils.js\");\n/* harmony import */ var _components_LinkOptionsTray_LinkOptionsTrayController__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/LinkOptionsTray/LinkOptionsTrayController */ \"./src/rce/plugins/instructure_links/components/LinkOptionsTray/LinkOptionsTrayController.js\");\n/* harmony import */ var _components_LinkOptionsDialog_LinkOptionsDialogController__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/LinkOptionsDialog/LinkOptionsDialogController */ \"./src/rce/plugins/instructure_links/components/LinkOptionsDialog/LinkOptionsDialogController.js\");\n/*\n * Copyright (C) 2019 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n/*\n * here's how linking works\n * Creation:\n * 1. No text is selected, user clicks create link button:\n *    - display the create link dialog with text and URL input\n *    - insert an <a> at the caret, linked to the URL with the text content\n * 2. Text is selected, user clicks create link button:\n *    - display the create link dialog with text and URL input\n *    - the text input displays the plain-text content of the selection\n *    - on saving, if the plain-text has not changed, leave it unchanged in the RCE,\n *      if it has changed, replace the selection with the new plain-text.\n *      Wrap the text in an <a>, linked to the URL\n * 3. An image + optional text is selected, user clicks create link button\n *    - display the create link dialog with URL input only\n *    - on saving, the selection is wrapped in an <a>, linked to the URL\n * 4. An iframe is w/in the selection\n *    - disable the create link function\n *\n * Editing:\n * 1. the caret is w/in a text link, but nothing is selected or\n *    some subset of the link's text is selected\n *    - display the link Options popup button. when clicked...\n *    - expand the selection to be the whole link text\n *    - display the tray with the link's plain-text in the text input and the href\n *      in the URL input\n *    - on saving, if the plain-text is unchanged, leave the text unchanged in the RCE,\n *      if it has changed, replace the link text with the new plain-text.\n *      Update the <a>'s href to the new URL\n * 2. An image w/in a link is selected, or the caret is on the image, or the image\n *    plus some surrounding text that's all part of the existing link is selected, or\n *    the caret is w/in a link that contains an image\n *    a. for now: show the link and image Options buttons in a popup toolbar\n *       - on clicking the link Options...\n *       - expand the selection to be the whole link contents\n *       - show the link options tray, with no text input\n *       - on saving, update the link's href\n *    b. new-improved: show a single Options button, when clicked...\n *       - expand the selection to be the whole link contents\n *       - show the options tray with Image Options and Link Options sections\n *         the link text input is empty.\n *       - on saving, if the link text input is still empty, replace the link's\n *         href with the new URL.  if the link text is updated, replace the link's\n *         content with the new plain text (deleting the image)\n */\n\n\n\n\n\n\nconst trayController = new _components_LinkOptionsTray_LinkOptionsTrayController__WEBPACK_IMPORTED_MODULE_4__[\"default\"]();\nconst COURSE_PLUGIN_KEY = 'course_links';\nconst GROUP_PLUGIN_KEY = 'group_links';\n\nfunction selectedAnchorCount(ed) {\n  return ed.selection.getRng().cloneContents().querySelectorAll('a').length;\n}\n\nfunction getMenuItems(ed) {\n  var _ed$settings$canvas_r;\n\n  const contextType = (_ed$settings$canvas_r = ed.settings.canvas_rce_containing_context) === null || _ed$settings$canvas_r === void 0 ? void 0 : _ed$settings$canvas_r.type;\n  const sel_anchors = ed.selection.isCollapsed() ? 0 : selectedAnchorCount(ed);\n  let items;\n\n  if (Object(_contentInsertionUtils__WEBPACK_IMPORTED_MODULE_3__[\"getAnchorElement\"])(ed, ed.selection.getNode())) {\n    // cursor is on an anchor, edit or remove it\n    items = [{\n      text: Object(_format_message__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('Edit Link'),\n      value: 'instructureTrayToEditLink'\n    }, {\n      text: Object(_format_message__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('Remove Link'),\n      value: 'instructureUnlink'\n    }];\n  } else {\n    items = [{\n      text: Object(_format_message__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('External Link'),\n      value: 'instructureLinkCreate'\n    }];\n\n    if (contextType === 'course') {\n      items.push({\n        text: Object(_format_message__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('Course Link'),\n        value: 'instructure_course_links'\n      });\n    } else if (contextType === 'group') {\n      items.push({\n        text: Object(_format_message__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('Group Link'),\n        value: 'instructure_group_links'\n      });\n    }\n\n    if (sel_anchors > 0) {\n      // selection contains anchor(s), so the user can remove them\n      items.push({\n        text: _format_message__WEBPACK_IMPORTED_MODULE_0__[\"default\"].plural(sel_anchors, {\n          one: 'Remove Link',\n          other: 'Remove Links'\n        }),\n        value: 'instructureUnlinkAll'\n      });\n    }\n  }\n\n  return items;\n}\n\nfunction removeAnchorFromSelectedElement(ed) {\n  const selectedElem = ed.selection.getNode();\n  const anchorElem = Object(_contentInsertionUtils__WEBPACK_IMPORTED_MODULE_3__[\"getAnchorElement\"])(ed, selectedElem);\n  ed.selection.select(anchorElem);\n  ed.undoManager.add();\n  ed.execCommand('Unlink');\n}\n\nfunction doMenuItem(ed, value) {\n  switch (value) {\n    case 'instructureTrayToEditLink':\n    case 'instructureLinkCreate':\n      ed.execCommand(value);\n      break;\n\n    case 'instructureUnlink':\n      removeAnchorFromSelectedElement(ed);\n      break;\n\n    case 'instructureUnlinkAll':\n      ed.undoManager.add();\n      ed.execCommand('unlink');\n      break;\n\n    case 'instructure_course_links':\n      ed.focus(true); // activate the editor without changing focus\n\n      ed.execCommand('instructureTrayForLinks', false, COURSE_PLUGIN_KEY);\n      break;\n\n    case 'instructure_group_links':\n      ed.focus(true); // activate the editor without changing focus\n\n      ed.execCommand('instructureTrayForLinks', false, GROUP_PLUGIN_KEY);\n      break;\n  }\n}\n\ntinymce.create('tinymce.plugins.InstructureLinksPlugin', {\n  init(ed) {\n    // Register commands\n    ed.addCommand('instructureLinkCreate', _clickCallback__WEBPACK_IMPORTED_MODULE_1__[\"default\"].bind(this, ed, _components_LinkOptionsDialog_LinkOptionsDialogController__WEBPACK_IMPORTED_MODULE_5__[\"CREATE_LINK\"]));\n    ed.addCommand('instructureLinkEdit', _clickCallback__WEBPACK_IMPORTED_MODULE_1__[\"default\"].bind(this, ed, _components_LinkOptionsDialog_LinkOptionsDialogController__WEBPACK_IMPORTED_MODULE_5__[\"EDIT_LINK\"]));\n    ed.addCommand('instructureTrayForLinks', (ui, plugin_key) => {\n      _bridge__WEBPACK_IMPORTED_MODULE_2__[\"default\"].showTrayForPlugin(plugin_key, ed.id);\n    });\n    ed.addCommand('instructureTrayToEditLink', _ui => {\n      trayController.showTrayForEditor(ed);\n    }); // Register shortcuts\n\n    ed.addShortcut('Meta+K', '', 'instructureLinkCreate'); // Register menu item\n\n    ed.ui.registry.addNestedMenuItem('instructure_links', {\n      text: Object(_format_message__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('Link'),\n      icon: 'link',\n      getSubmenuItems: () => getMenuItems(ed).map(item => {\n        return {\n          type: 'menuitem',\n          text: item.text,\n          onAction: () => doMenuItem(ed, item.value),\n          onSetup: api => {\n            api.setDisabled(!Object(_contentInsertionUtils__WEBPACK_IMPORTED_MODULE_3__[\"isOKToLink\"])(ed.selection.getContent()));\n            return () => {};\n          }\n        };\n      })\n    }); // Register toolbar button\n\n    ed.ui.registry.addSplitButton('instructure_links', {\n      tooltip: Object(_format_message__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('Links'),\n      icon: 'link',\n\n      fetch(callback) {\n        const items = getMenuItems(ed).map(item => {\n          return {\n            type: 'choiceitem',\n            text: item.text,\n            value: item.value\n          };\n        });\n        callback(items);\n      },\n\n      onAction(api) {\n        if (!api.isDisabled()) {\n          if (Object(_contentInsertionUtils__WEBPACK_IMPORTED_MODULE_3__[\"getAnchorElement\"])(ed, ed.selection.getNode())) {\n            doMenuItem(ed, 'instructureTrayToEditLink');\n          } else {\n            doMenuItem(ed, 'instructureLinkCreate');\n          }\n        }\n      },\n\n      onItemAction: (splitButtonApi, value) => doMenuItem(ed, value),\n\n      onSetup(api) {\n        function handleNodeChange(e) {\n          if (e !== null && e !== void 0 && e.element) {\n            api.setActive(!!Object(_contentInsertionUtils__WEBPACK_IMPORTED_MODULE_3__[\"getAnchorElement\"])(ed, e.element));\n          }\n\n          api.setDisabled(!Object(_contentInsertionUtils__WEBPACK_IMPORTED_MODULE_3__[\"isOKToLink\"])(ed.selection.getContent()));\n        } // if the user selects all the content w/in a link and deletes it via the keyboard\n        // make sure the surrounding <a> gets deleted too.\n\n\n        function deleteEmptyLink() {\n          let node;\n\n          if (ed.selection.getNode().tagName === 'A') {\n            node = ed.selection.getNode();\n          } else {\n            var _rng$endContainer$nex, _rng$nextSibling;\n\n            const rng = ed.selection.getRng();\n\n            if (rng.commonAncestorContainer === rng.endContainer && ((_rng$endContainer$nex = rng.endContainer.nextSibling) === null || _rng$endContainer$nex === void 0 ? void 0 : _rng$endContainer$nex.tagName) === 'A') {\n              node = rng.endContainer.nextSibling;\n            } else if (((_rng$nextSibling = rng.nextSibling) === null || _rng$nextSibling === void 0 ? void 0 : _rng$nextSibling.tagName) === 'A') {\n              node = rng.nextSibling;\n            }\n          }\n\n          if (node) {\n            var _node$textContent;\n\n            if (node.firstElementChild) {\n              return;\n            }\n\n            const txt = (_node$textContent = node.textContent) === null || _node$textContent === void 0 ? void 0 : _node$textContent.trim();\n\n            if (txt.length === 0) {\n              ed.execCommand('Unlink');\n            }\n          }\n        }\n\n        setTimeout(handleNodeChange, 0, null);\n        ed.on('NodeChange', handleNodeChange);\n        ed.on('Change', deleteEmptyLink);\n        return () => {\n          ed.off('NodeChange', handleNodeChange);\n          ed.off('Change', deleteEmptyLink);\n        };\n      }\n\n    }); // the context toolbar buttons\n\n    ed.ui.registry.addButton('instructure-link-options', {\n      onAction() {\n        // show the tray\n        ed.execCommand('instructureTrayToEditLink', false, ed);\n      },\n\n      text: Object(_format_message__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('Link Options'),\n      tooltip: Object(_format_message__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('Show link options')\n    });\n    const remButtonLabel = Object(_format_message__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('Remove Link');\n    ed.ui.registry.addButton('instructureUnlink', {\n      onAction() {\n        removeAnchorFromSelectedElement(ed);\n      },\n\n      text: remButtonLabel\n    });\n    ed.ui.registry.addContextToolbar('instructure-link-toolbar', {\n      items: 'instructure-link-options instructureUnlink',\n      position: 'node',\n      predicate: elem => !!Object(_contentInsertionUtils__WEBPACK_IMPORTED_MODULE_3__[\"getAnchorElement\"])(ed, elem),\n      scope: 'node'\n    });\n  }\n\n}); // Register plugin\n\ntinymce.PluginManager.add('instructure_links', tinymce.plugins.InstructureLinksPlugin);\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_links/plugin.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _clickCallback__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./clickCallback */ \"./src/rce/plugins/instructure_links/clickCallback.js\");\n/* harmony import */ var _bridge__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../bridge */ \"./src/bridge/index.js\");\n/* harmony import */ var _contentInsertionUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../contentInsertionUtils */ \"./src/rce/contentInsertionUtils.js\");\n/* harmony import */ var _components_LinkOptionsTray_LinkOptionsTrayController__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/LinkOptionsTray/LinkOptionsTrayController */ \"./src/rce/plugins/instructure_links/components/LinkOptionsTray/LinkOptionsTrayController.js\");\n/* harmony import */ var _components_LinkOptionsDialog_LinkOptionsDialogController__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/LinkOptionsDialog/LinkOptionsDialogController */ \"./src/rce/plugins/instructure_links/components/LinkOptionsDialog/LinkOptionsDialogController.js\");\n/* harmony import */ var _RCEGlobals__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../RCEGlobals */ \"./src/rce/RCEGlobals.js\");\n/*\n * Copyright (C) 2019 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n/*\n * here's how linking works\n * Creation:\n * 1. No text is selected, user clicks create link button:\n *    - display the create link dialog with text and URL input\n *    - insert an <a> at the caret, linked to the URL with the text content\n * 2. Text is selected, user clicks create link button:\n *    - display the create link dialog with text and URL input\n *    - the text input displays the plain-text content of the selection\n *    - on saving, if the plain-text has not changed, leave it unchanged in the RCE,\n *      if it has changed, replace the selection with the new plain-text.\n *      Wrap the text in an <a>, linked to the URL\n * 3. An image + optional text is selected, user clicks create link button\n *    - display the create link dialog with URL input only\n *    - on saving, the selection is wrapped in an <a>, linked to the URL\n * 4. An iframe is w/in the selection\n *    - disable the create link function\n *\n * Editing:\n * 1. the caret is w/in a text link, but nothing is selected or\n *    some subset of the link's text is selected\n *    - display the link Options popup button. when clicked...\n *    - expand the selection to be the whole link text\n *    - display the tray with the link's plain-text in the text input and the href\n *      in the URL input\n *    - on saving, if the plain-text is unchanged, leave the text unchanged in the RCE,\n *      if it has changed, replace the link text with the new plain-text.\n *      Update the <a>'s href to the new URL\n * 2. An image w/in a link is selected, or the caret is on the image, or the image\n *    plus some surrounding text that's all part of the existing link is selected, or\n *    the caret is w/in a link that contains an image\n *    a. for now: show the link and image Options buttons in a popup toolbar\n *       - on clicking the link Options...\n *       - expand the selection to be the whole link contents\n *       - show the link options tray, with no text input\n *       - on saving, update the link's href\n *    b. new-improved: show a single Options button, when clicked...\n *       - expand the selection to be the whole link contents\n *       - show the options tray with Image Options and Link Options sections\n *         the link text input is empty.\n *       - on saving, if the link text input is still empty, replace the link's\n *         href with the new URL.  if the link text is updated, replace the link's\n *         content with the new plain text (deleting the image)\n */\n\n\n\n\n\n\n\nconst trayController = new _components_LinkOptionsTray_LinkOptionsTrayController__WEBPACK_IMPORTED_MODULE_4__[\"default\"]();\nconst COURSE_PLUGIN_KEY = 'course_links';\nconst GROUP_PLUGIN_KEY = 'group_links';\n\nfunction getCommandName(selectedNode) {\n  var _RCEGlobals$getFeatur;\n\n  // show the Course Tray if it's a course link and the ux improvement flag is on,\n  // otherwise show the default Link Tray\n  const showCourseLinkTray = !!((_RCEGlobals$getFeatur = _RCEGlobals__WEBPACK_IMPORTED_MODULE_6__[\"default\"].getFeatures()) !== null && _RCEGlobals$getFeatur !== void 0 && _RCEGlobals$getFeatur.rce_ux_improvements);\n  const isCourseLink = selectedNode.getAttribute('data-course-type');\n  return showCourseLinkTray && isCourseLink ? 'instructureTrayForCourseLinks' : 'instructureTrayToEditLink';\n}\n\nfunction selectedAnchorCount(ed) {\n  return ed.selection.getRng().cloneContents().querySelectorAll('a').length;\n}\n\nfunction getMenuItems(ed) {\n  var _ed$settings$canvas_r;\n\n  const contextType = (_ed$settings$canvas_r = ed.settings.canvas_rce_containing_context) === null || _ed$settings$canvas_r === void 0 ? void 0 : _ed$settings$canvas_r.type;\n  const sel_anchors = ed.selection.isCollapsed() ? 0 : selectedAnchorCount(ed);\n  let items;\n\n  if (Object(_contentInsertionUtils__WEBPACK_IMPORTED_MODULE_3__[\"getAnchorElement\"])(ed, ed.selection.getNode())) {\n    // cursor is on an anchor, edit or remove it\n    items = [{\n      text: Object(_format_message__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('Edit Link'),\n      value: getCommandName(ed.selection.getNode())\n    }, {\n      text: Object(_format_message__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('Remove Link'),\n      value: 'instructureUnlink'\n    }];\n  } else {\n    items = [{\n      text: Object(_format_message__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('External Link'),\n      value: 'instructureLinkCreate'\n    }];\n\n    if (contextType === 'course') {\n      items.push({\n        text: Object(_format_message__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('Course Link'),\n        value: 'instructure_course_links'\n      });\n    } else if (contextType === 'group') {\n      items.push({\n        text: Object(_format_message__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('Group Link'),\n        value: 'instructure_group_links'\n      });\n    }\n\n    if (sel_anchors > 0) {\n      // selection contains anchor(s), so the user can remove them\n      items.push({\n        text: _format_message__WEBPACK_IMPORTED_MODULE_0__[\"default\"].plural(sel_anchors, {\n          one: 'Remove Link',\n          other: 'Remove Links'\n        }),\n        value: 'instructureUnlinkAll'\n      });\n    }\n  }\n\n  return items;\n}\n\nfunction removeAnchorFromSelectedElement(ed) {\n  const selectedElem = ed.selection.getNode();\n  const anchorElem = Object(_contentInsertionUtils__WEBPACK_IMPORTED_MODULE_3__[\"getAnchorElement\"])(ed, selectedElem);\n  ed.selection.select(anchorElem);\n  ed.undoManager.add();\n  ed.execCommand('Unlink');\n}\n\nfunction doMenuItem(ed, value) {\n  switch (value) {\n    case 'instructureTrayToEditLink':\n    case 'instructureTrayForCourseLinks':\n    case 'instructureLinkCreate':\n      ed.execCommand(value);\n      break;\n\n    case 'instructureUnlink':\n      removeAnchorFromSelectedElement(ed);\n      break;\n\n    case 'instructureUnlinkAll':\n      ed.undoManager.add();\n      ed.execCommand('unlink');\n      break;\n\n    case 'instructure_course_links':\n      ed.focus(true); // activate the editor without changing focus\n\n      ed.execCommand('instructureTrayForLinks', false, COURSE_PLUGIN_KEY);\n      break;\n\n    case 'instructure_group_links':\n      ed.focus(true); // activate the editor without changing focus\n\n      ed.execCommand('instructureTrayForLinks', false, GROUP_PLUGIN_KEY);\n      break;\n  }\n}\n\ntinymce.create('tinymce.plugins.InstructureLinksPlugin', {\n  init(ed) {\n    // Register commands\n    ed.addCommand('instructureLinkCreate', _clickCallback__WEBPACK_IMPORTED_MODULE_1__[\"default\"].bind(this, ed, _components_LinkOptionsDialog_LinkOptionsDialogController__WEBPACK_IMPORTED_MODULE_5__[\"CREATE_LINK\"]));\n    ed.addCommand('instructureLinkEdit', _clickCallback__WEBPACK_IMPORTED_MODULE_1__[\"default\"].bind(this, ed, _components_LinkOptionsDialog_LinkOptionsDialogController__WEBPACK_IMPORTED_MODULE_5__[\"EDIT_LINK\"]));\n    ed.addCommand('instructureTrayForLinks', (ui, plugin_key) => {\n      _bridge__WEBPACK_IMPORTED_MODULE_2__[\"default\"].showTrayForPlugin(plugin_key, ed.id);\n    });\n    ed.addCommand('instructureTrayToEditLink', _ui => {\n      trayController.showTrayForEditor(ed);\n    });\n    ed.addCommand('instructureTrayForCourseLinks', () => {\n      ed.selection.select(ed.selection.getNode());\n      return _bridge__WEBPACK_IMPORTED_MODULE_2__[\"default\"].showTrayForPlugin('course_link_edit', ed.id);\n    }); // Register shortcuts\n\n    ed.addShortcut('Meta+K', '', 'instructureLinkCreate'); // Register menu item\n\n    ed.ui.registry.addNestedMenuItem('instructure_links', {\n      text: Object(_format_message__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('Link'),\n      icon: 'link',\n      getSubmenuItems: () => getMenuItems(ed).map(item => {\n        return {\n          type: 'menuitem',\n          text: item.text,\n          onAction: () => doMenuItem(ed, item.value),\n          onSetup: api => {\n            api.setDisabled(!Object(_contentInsertionUtils__WEBPACK_IMPORTED_MODULE_3__[\"isOKToLink\"])(ed.selection.getContent()));\n            return () => {};\n          }\n        };\n      })\n    }); // Register toolbar button\n\n    ed.ui.registry.addSplitButton('instructure_links', {\n      tooltip: Object(_format_message__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('Links'),\n      icon: 'link',\n\n      fetch(callback) {\n        const items = getMenuItems(ed).map(item => {\n          return {\n            type: 'choiceitem',\n            text: item.text,\n            value: item.value\n          };\n        });\n        callback(items);\n      },\n\n      onAction(api) {\n        if (!api.isDisabled()) {\n          if (Object(_contentInsertionUtils__WEBPACK_IMPORTED_MODULE_3__[\"getAnchorElement\"])(ed, ed.selection.getNode())) {\n            doMenuItem(ed, 'instructureTrayToEditLink');\n          } else {\n            doMenuItem(ed, 'instructureLinkCreate');\n          }\n        }\n      },\n\n      onItemAction: (splitButtonApi, value) => doMenuItem(ed, value),\n\n      onSetup(api) {\n        function handleNodeChange(e) {\n          if (e !== null && e !== void 0 && e.element) {\n            api.setActive(!!Object(_contentInsertionUtils__WEBPACK_IMPORTED_MODULE_3__[\"getAnchorElement\"])(ed, e.element));\n          }\n\n          api.setDisabled(!Object(_contentInsertionUtils__WEBPACK_IMPORTED_MODULE_3__[\"isOKToLink\"])(ed.selection.getContent()));\n        } // if the user selects all the content w/in a link and deletes it via the keyboard\n        // make sure the surrounding <a> gets deleted too.\n\n\n        function deleteEmptyLink() {\n          let node;\n\n          if (ed.selection.getNode().tagName === 'A') {\n            node = ed.selection.getNode();\n          } else {\n            var _rng$endContainer$nex, _rng$nextSibling;\n\n            const rng = ed.selection.getRng();\n\n            if (rng.commonAncestorContainer === rng.endContainer && ((_rng$endContainer$nex = rng.endContainer.nextSibling) === null || _rng$endContainer$nex === void 0 ? void 0 : _rng$endContainer$nex.tagName) === 'A') {\n              node = rng.endContainer.nextSibling;\n            } else if (((_rng$nextSibling = rng.nextSibling) === null || _rng$nextSibling === void 0 ? void 0 : _rng$nextSibling.tagName) === 'A') {\n              node = rng.nextSibling;\n            }\n          }\n\n          if (node) {\n            var _node$textContent;\n\n            if (node.firstElementChild) {\n              return;\n            }\n\n            const txt = (_node$textContent = node.textContent) === null || _node$textContent === void 0 ? void 0 : _node$textContent.trim();\n\n            if (txt.length === 0) {\n              ed.execCommand('Unlink');\n            }\n          }\n        }\n\n        setTimeout(handleNodeChange, 0, null);\n        ed.on('NodeChange', handleNodeChange);\n        ed.on('Change', deleteEmptyLink);\n        return () => {\n          ed.off('NodeChange', handleNodeChange);\n          ed.off('Change', deleteEmptyLink);\n        };\n      }\n\n    }); // the context toolbar buttons\n\n    ed.ui.registry.addButton('instructure-link-options', {\n      onAction() {\n        ed.execCommand(getCommandName(ed.selection.getNode()), false, ed);\n      },\n\n      text: Object(_format_message__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('Link Options'),\n      tooltip: Object(_format_message__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('Show link options')\n    });\n    const remButtonLabel = Object(_format_message__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('Remove Link');\n    ed.ui.registry.addButton('instructureUnlink', {\n      onAction() {\n        removeAnchorFromSelectedElement(ed);\n      },\n\n      text: remButtonLabel\n    });\n    ed.ui.registry.addContextToolbar('instructure-link-toolbar', {\n      items: 'instructure-link-options instructureUnlink',\n      position: 'node',\n      predicate: elem => !!Object(_contentInsertionUtils__WEBPACK_IMPORTED_MODULE_3__[\"getAnchorElement\"])(ed, elem),\n      scope: 'node'\n    });\n  }\n\n}); // Register plugin\n\ntinymce.PluginManager.add('instructure_links', tinymce.plugins.InstructureLinksPlugin);\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_links/plugin.js?");
 
 /***/ }),
 
@@ -452,7 +452,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return AudioOptionsTray; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @instructure/ui-flex */ \"../../node_modules/@instructure/ui-flex/es/index.js\");\n/* harmony import */ var _instructure_ui_tray__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/ui-tray */ \"../../node_modules/@instructure/ui-tray/es/index.js\");\n/* harmony import */ var _instructure_ui_form_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @instructure/ui-form-field */ \"../../node_modules/@instructure/ui-form-field/es/index.js\");\n/* harmony import */ var _instructure_canvas_media__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/canvas-media */ \"../canvas-media/es/index.js\");\n/* harmony import */ var _instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @instructure/ui-buttons */ \"../../node_modules/@instructure/ui-buttons/es/index.js\");\n/* harmony import */ var _shared_StoreContext__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../shared/StoreContext */ \"./src/rce/plugins/shared/StoreContext.js\");\n/* harmony import */ var _bridge__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../bridge */ \"./src/bridge/index.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _shared_trayUtils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../shared/trayUtils */ \"./src/rce/plugins/shared/trayUtils.js\");\n/* harmony import */ var _instructure_ui_heading__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @instructure/ui-heading */ \"../../node_modules/@instructure/ui-heading/es/index.js\");\n/*\n * Copyright (C) 2021 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst getLiveRegion = () => document.getElementById('flash_screenreader_holder');\n\nfunction AudioOptionsTray(_ref) {\n  let {\n    open,\n    onEntered,\n    onExited,\n    onDismiss,\n    onSave,\n    trayProps,\n    audioOptions\n  } = _ref;\n  const [subtitles, setSubtitles] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(audioOptions.tracks || []);\n\n  const handleSave = (e, contentProps) => {\n    onSave({\n      media_object_id: audioOptions.id,\n      subtitles,\n      updateMediaObject: contentProps.updateMediaObject\n    });\n  };\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_shared_StoreContext__WEBPACK_IMPORTED_MODULE_7__[\"StoreProvider\"], trayProps, contentProps => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_tray__WEBPACK_IMPORTED_MODULE_3__[\"Tray\"], {\n    key: \"audio-options-tray\",\n    \"data-mce-component\": true,\n    label: Object(_format_message__WEBPACK_IMPORTED_MODULE_9__[\"default\"])('Audio Options Tray'),\n    onDismiss: onDismiss,\n    onEntered: onEntered,\n    onExited: onExited,\n    open: open,\n    placement: \"end\",\n    shouldCloseOnDocumentClick: true,\n    shouldContainFocus: true,\n    shouldReturnFocus: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"], {\n    direction: \"column\",\n    height: Object(_shared_trayUtils__WEBPACK_IMPORTED_MODULE_10__[\"getTrayHeight\"])()\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"].Item, {\n    as: \"header\",\n    padding: \"medium\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"], {\n    direction: \"row\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"].Item, {\n    grow: true,\n    shrink: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_heading__WEBPACK_IMPORTED_MODULE_11__[\"Heading\"], {\n    as: \"h2\"\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_9__[\"default\"])('Audio Options'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"].Item, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_6__[\"CloseButton\"], {\n    placement: \"static\",\n    variant: \"icon\",\n    onClick: onDismiss\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_9__[\"default\"])('Close'))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"].Item, {\n    as: \"form\",\n    grow: true,\n    margin: \"none\",\n    shrink: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"], {\n    justifyItems: \"space-between\",\n    direction: \"column\",\n    height: \"100%\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"].Item, {\n    grow: true,\n    padding: \"small\",\n    shrink: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"], {\n    direction: \"column\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"].Item, {\n    padding: \"small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_form_field__WEBPACK_IMPORTED_MODULE_4__[\"FormFieldGroup\"], {\n    description: Object(_format_message__WEBPACK_IMPORTED_MODULE_9__[\"default\"])('Closed Captions/Subtitles')\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_canvas_media__WEBPACK_IMPORTED_MODULE_5__[\"ClosedCaptionPanel\"], {\n    subtitles: subtitles.map(st => ({\n      locale: st.locale,\n      file: {\n        name: st.language || st.locale\n      }\n    })),\n    uploadMediaTranslations: _bridge__WEBPACK_IMPORTED_MODULE_8__[\"default\"].uploadMediaTranslations,\n    languages: _bridge__WEBPACK_IMPORTED_MODULE_8__[\"default\"].languages,\n    updateSubtitles: newSubtitles => setSubtitles(newSubtitles),\n    liveRegion: getLiveRegion\n  }))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"].Item, {\n    background: \"secondary\",\n    borderWidth: \"small none none none\",\n    padding: \"small medium\",\n    textAlign: \"end\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_6__[\"Button\"], {\n    onClick: e => handleSave(e, contentProps),\n    variant: \"primary\"\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_9__[\"default\"])('Done'))))))));\n}\nAudioOptionsTray.propTypes = {\n  onEntered: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"],\n  onExited: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"],\n  onDismiss: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"],\n  onSave: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"],\n  open: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"bool\"].isRequired,\n  trayProps: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"shape\"])({\n    host: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n    jwt: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired\n  }).isRequired,\n  audioOptions: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"shape\"])({\n    id: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n    titleText: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n    tracks: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"arrayOf\"])(Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"shape\"])({\n      locale: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired\n    }))\n  }).isRequired\n};\nAudioOptionsTray.defaultProps = {\n  onEntered: null,\n  onExited: null,\n  onDismiss: null,\n  onSave: null\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_record/AudioOptionsTray/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return AudioOptionsTray; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @instructure/ui-flex */ \"../../node_modules/@instructure/ui-flex/es/index.js\");\n/* harmony import */ var _instructure_ui_tray__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/ui-tray */ \"../../node_modules/@instructure/ui-tray/es/index.js\");\n/* harmony import */ var _instructure_ui_form_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @instructure/ui-form-field */ \"../../node_modules/@instructure/ui-form-field/es/index.js\");\n/* harmony import */ var _instructure_canvas_media__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/canvas-media */ \"../canvas-media/es/index.js\");\n/* harmony import */ var _instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @instructure/ui-buttons */ \"../../node_modules/@instructure/ui-buttons/es/index.js\");\n/* harmony import */ var _shared_StoreContext__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../shared/StoreContext */ \"./src/rce/plugins/shared/StoreContext.js\");\n/* harmony import */ var _bridge__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../bridge */ \"./src/bridge/index.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _shared_trayUtils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../shared/trayUtils */ \"./src/rce/plugins/shared/trayUtils.js\");\n/* harmony import */ var _instructure_ui_heading__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @instructure/ui-heading */ \"../../node_modules/@instructure/ui-heading/es/index.js\");\n/*\n * Copyright (C) 2021 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst getLiveRegion = () => document.getElementById('flash_screenreader_holder');\n\nfunction AudioOptionsTray(_ref) {\n  let {\n    open,\n    onEntered,\n    onExited,\n    onDismiss,\n    onSave,\n    trayProps,\n    audioOptions\n  } = _ref;\n  const [subtitles, setSubtitles] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(audioOptions.tracks || []);\n\n  const handleSave = (e, contentProps) => {\n    onSave({\n      media_object_id: audioOptions.id,\n      subtitles,\n      updateMediaObject: contentProps.updateMediaObject\n    });\n  };\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_shared_StoreContext__WEBPACK_IMPORTED_MODULE_7__[\"StoreProvider\"], trayProps, contentProps => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_tray__WEBPACK_IMPORTED_MODULE_3__[\"Tray\"], {\n    key: \"audio-options-tray\",\n    \"data-mce-component\": true,\n    label: Object(_format_message__WEBPACK_IMPORTED_MODULE_9__[\"default\"])('Audio Options Tray'),\n    onDismiss: onDismiss,\n    onEntered: onEntered,\n    onExited: onExited,\n    open: open,\n    placement: \"end\",\n    shouldCloseOnDocumentClick: true,\n    shouldContainFocus: true,\n    shouldReturnFocus: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"], {\n    direction: \"column\",\n    height: Object(_shared_trayUtils__WEBPACK_IMPORTED_MODULE_10__[\"getTrayHeight\"])()\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"].Item, {\n    as: \"header\",\n    padding: \"medium\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"], {\n    direction: \"row\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"].Item, {\n    shouldGrow: true,\n    shouldShrink: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_heading__WEBPACK_IMPORTED_MODULE_11__[\"Heading\"], {\n    as: \"h2\"\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_9__[\"default\"])('Audio Options'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"].Item, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_6__[\"CloseButton\"], {\n    placement: \"static\",\n    color: \"primary\",\n    onClick: onDismiss,\n    screenReaderLabel: Object(_format_message__WEBPACK_IMPORTED_MODULE_9__[\"default\"])('Close')\n  })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"].Item, {\n    as: \"form\",\n    shouldGrow: true,\n    margin: \"none\",\n    shouldShrink: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"], {\n    justifyItems: \"space-between\",\n    direction: \"column\",\n    height: \"100%\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"].Item, {\n    shouldGrow: true,\n    padding: \"small\",\n    shouldShrink: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"], {\n    direction: \"column\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"].Item, {\n    padding: \"small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_form_field__WEBPACK_IMPORTED_MODULE_4__[\"FormFieldGroup\"], {\n    description: Object(_format_message__WEBPACK_IMPORTED_MODULE_9__[\"default\"])('Closed Captions/Subtitles')\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_canvas_media__WEBPACK_IMPORTED_MODULE_5__[\"ClosedCaptionPanel\"], {\n    subtitles: subtitles.map(st => ({\n      locale: st.locale,\n      file: {\n        name: st.language || st.locale\n      }\n    })),\n    uploadMediaTranslations: _bridge__WEBPACK_IMPORTED_MODULE_8__[\"default\"].uploadMediaTranslations,\n    languages: _bridge__WEBPACK_IMPORTED_MODULE_8__[\"default\"].languages,\n    updateSubtitles: newSubtitles => setSubtitles(newSubtitles),\n    liveRegion: getLiveRegion\n  }))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_2__[\"Flex\"].Item, {\n    background: \"secondary\",\n    borderWidth: \"small none none none\",\n    padding: \"small medium\",\n    textAlign: \"end\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_6__[\"Button\"], {\n    onClick: e => handleSave(e, contentProps),\n    variant: \"primary\"\n  }, Object(_format_message__WEBPACK_IMPORTED_MODULE_9__[\"default\"])('Done'))))))));\n}\nAudioOptionsTray.propTypes = {\n  onEntered: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"],\n  onExited: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"],\n  onDismiss: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"],\n  onSave: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"func\"],\n  open: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"bool\"].isRequired,\n  trayProps: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"shape\"])({\n    host: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n    jwt: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired\n  }).isRequired,\n  audioOptions: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"shape\"])({\n    id: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n    titleText: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired,\n    tracks: Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"arrayOf\"])(Object(prop_types__WEBPACK_IMPORTED_MODULE_1__[\"shape\"])({\n      locale: prop_types__WEBPACK_IMPORTED_MODULE_1__[\"string\"].isRequired\n    }))\n  }).isRequired\n};\nAudioOptionsTray.defaultProps = {\n  onEntered: null,\n  onExited: null,\n  onDismiss: null,\n  onSave: null\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_record/AudioOptionsTray/index.js?");
 
 /***/ }),
 
@@ -488,7 +488,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _cli
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _instructure_ui_a11y_content__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @instructure/ui-a11y-content */ \"../../node_modules/@instructure/ui-a11y-content/es/index.js\");\n/* harmony import */ var _instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @instructure/ui-buttons */ \"../../node_modules/@instructure/ui-buttons/es/index.js\");\n/* harmony import */ var _instructure_ui_simple_select__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/ui-simple-select */ \"../../node_modules/@instructure/ui-simple-select/es/index.js\");\n/* harmony import */ var _instructure_ui_radio_input__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @instructure/ui-radio-input */ \"../../node_modules/@instructure/ui-radio-input/es/index.js\");\n/* harmony import */ var _instructure_ui_text_area__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/ui-text-area */ \"../../node_modules/@instructure/ui-text-area/es/index.js\");\n/* harmony import */ var _instructure_ui_checkbox__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @instructure/ui-checkbox */ \"../../node_modules/@instructure/ui-checkbox/es/index.js\");\n/* harmony import */ var _instructure_ui_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @instructure/ui-icons */ \"../../node_modules/@instructure/ui-icons/es/index.js\");\n/* harmony import */ var _instructure_ui_flex__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @instructure/ui-flex */ \"../../node_modules/@instructure/ui-flex/es/index.js\");\n/* harmony import */ var _instructure_ui_view__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @instructure/ui-view */ \"../../node_modules/@instructure/ui-view/es/index.js\");\n/* harmony import */ var _instructure_ui_tooltip__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @instructure/ui-tooltip */ \"../../node_modules/@instructure/ui-tooltip/es/index.js\");\n/* harmony import */ var _instructure_image_ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../instructure_image/ImageEmbedOptions */ \"./src/rce/plugins/instructure_image/ImageEmbedOptions.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _DimensionsInput__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./DimensionsInput */ \"./src/rce/plugins/shared/DimensionsInput/index.js\");\n/*\n * Copyright (C) 2020 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst ImageOptionsForm = _ref => {\n  let {\n    imageSize,\n    displayAs,\n    isDecorativeImage,\n    altText,\n    isLinked,\n    dimensionsState,\n    handleAltTextChange,\n    handleIsDecorativeChange,\n    handleDisplayAsChange,\n    handleImageSizeChange,\n    messagesForSize,\n    hideDimensions,\n    id = 'image-options-form'\n  } = _ref;\n  const tooltipText = Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Used by screen readers to describe the content of an image');\n  const textAreaLabel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_8__[\"Flex\"], {\n    alignItems: \"center\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_8__[\"Flex\"].Item, null, Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Alt Text')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_8__[\"Flex\"].Item, {\n    margin: \"0 0 0 xx-small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_tooltip__WEBPACK_IMPORTED_MODULE_10__[\"Tooltip\"], {\n    on: ['hover', 'focus'],\n    placement: \"top\",\n    tip: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_9__[\"View\"], {\n      display: \"block\",\n      id: \"alt-text-label-tooltip\",\n      maxWidth: \"14rem\"\n    }, tooltipText)\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_2__[\"Button\"], {\n    icon: _instructure_ui_icons__WEBPACK_IMPORTED_MODULE_7__[\"IconQuestionLine\"],\n    size: \"small\",\n    variant: \"icon\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_a11y_content__WEBPACK_IMPORTED_MODULE_1__[\"ScreenReaderContent\"], null, tooltipText)))));\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_8__[\"Flex\"], {\n    direction: \"column\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_8__[\"Flex\"].Item, {\n    padding: \"small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text_area__WEBPACK_IMPORTED_MODULE_5__[\"TextArea\"], {\n    disabled: isDecorativeImage,\n    \"aria-describedby\": \"alt-text-label-tooltip\",\n    height: \"4rem\",\n    label: textAreaLabel,\n    onChange: handleAltTextChange,\n    placeholder: Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('(Describe the image)'),\n    resize: \"vertical\",\n    value: altText\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_8__[\"Flex\"].Item, {\n    padding: \"small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_checkbox__WEBPACK_IMPORTED_MODULE_6__[\"Checkbox\"], {\n    checked: isDecorativeImage,\n    disabled: displayAs === 'link',\n    label: Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Decorative Image'),\n    onChange: handleIsDecorativeChange\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_8__[\"Flex\"].Item, {\n    padding: \"small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_radio_input__WEBPACK_IMPORTED_MODULE_4__[\"RadioInputGroup\"], {\n    description: Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Display Options'),\n    disabled: isLinked,\n    name: \"display-image-as\",\n    onChange: handleDisplayAsChange,\n    value: displayAs\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_radio_input__WEBPACK_IMPORTED_MODULE_4__[\"RadioInput\"], {\n    label: Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Embed Image'),\n    value: \"embed\"\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_radio_input__WEBPACK_IMPORTED_MODULE_4__[\"RadioInput\"], {\n    disabled: isDecorativeImage,\n    label: Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Display Text Link (Opens in a new tab)'),\n    value: \"link\"\n  }))), !hideDimensions && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_8__[\"Flex\"].Item, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_9__[\"View\"], {\n    as: \"div\",\n    padding: \"small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_simple_select__WEBPACK_IMPORTED_MODULE_3__[\"SimpleSelect\"], {\n    id: `${id}-size`,\n    disabled: displayAs !== 'embed',\n    renderLabel: Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Size'),\n    messages: messagesForSize,\n    assistiveText: Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Use arrow keys to navigate options.'),\n    onChange: handleImageSizeChange,\n    value: imageSize\n  }, _instructure_image_ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_11__[\"imageSizes\"].map(size => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_simple_select__WEBPACK_IMPORTED_MODULE_3__[\"SimpleSelect\"].Option, {\n    id: `${id}-size-${size}`,\n    key: size,\n    value: size\n  }, Object(_instructure_image_ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_11__[\"labelForImageSize\"])(size))))), imageSize === _instructure_image_ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_11__[\"CUSTOM\"] && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_9__[\"View\"], {\n    as: \"div\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_DimensionsInput__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n    dimensionsState: dimensionsState,\n    disabled: displayAs !== 'embed',\n    minHeight: _instructure_image_ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_11__[\"MIN_HEIGHT\"],\n    minWidth: _instructure_image_ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_11__[\"MIN_WIDTH\"],\n    minPercentage: _instructure_image_ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_11__[\"MIN_PERCENTAGE\"]\n  }))));\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (ImageOptionsForm);\n\n//# sourceURL=webpack:///./src/rce/plugins/shared/ImageOptionsForm.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _instructure_ui_a11y_content__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @instructure/ui-a11y-content */ \"../../node_modules/@instructure/ui-a11y-content/es/index.js\");\n/* harmony import */ var _instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @instructure/ui-buttons */ \"../../node_modules/@instructure/ui-buttons/es/index.js\");\n/* harmony import */ var _instructure_ui_simple_select__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/ui-simple-select */ \"../../node_modules/@instructure/ui-simple-select/es/index.js\");\n/* harmony import */ var _instructure_ui_radio_input__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @instructure/ui-radio-input */ \"../../node_modules/@instructure/ui-radio-input/es/index.js\");\n/* harmony import */ var _instructure_ui_text_area__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/ui-text-area */ \"../../node_modules/@instructure/ui-text-area/es/index.js\");\n/* harmony import */ var _instructure_ui_checkbox__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @instructure/ui-checkbox */ \"../../node_modules/@instructure/ui-checkbox/es/index.js\");\n/* harmony import */ var _instructure_ui_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @instructure/ui-icons */ \"../../node_modules/@instructure/ui-icons/es/index.js\");\n/* harmony import */ var _instructure_ui_flex__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @instructure/ui-flex */ \"../../node_modules/@instructure/ui-flex/es/index.js\");\n/* harmony import */ var _instructure_ui_view__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @instructure/ui-view */ \"../../node_modules/@instructure/ui-view/es/index.js\");\n/* harmony import */ var _instructure_ui_tooltip__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @instructure/ui-tooltip */ \"../../node_modules/@instructure/ui-tooltip/es/index.js\");\n/* harmony import */ var _instructure_image_ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../instructure_image/ImageEmbedOptions */ \"./src/rce/plugins/instructure_image/ImageEmbedOptions.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _DimensionsInput__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./DimensionsInput */ \"./src/rce/plugins/shared/DimensionsInput/index.js\");\n/*\n * Copyright (C) 2020 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst ImageOptionsForm = _ref => {\n  let {\n    imageSize,\n    displayAs,\n    isDecorativeImage,\n    altText,\n    isLinked,\n    dimensionsState,\n    handleAltTextChange,\n    handleIsDecorativeChange,\n    handleDisplayAsChange,\n    handleImageSizeChange,\n    messagesForSize,\n    hideDimensions,\n    id = 'image-options-form'\n  } = _ref;\n  const tooltipText = Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Used by screen readers to describe the content of an image');\n  const textAreaLabel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_8__[\"Flex\"], {\n    alignItems: \"center\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_8__[\"Flex\"].Item, null, Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Alt Text')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_8__[\"Flex\"].Item, {\n    margin: \"0 0 0 xx-small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_tooltip__WEBPACK_IMPORTED_MODULE_10__[\"Tooltip\"], {\n    on: ['hover', 'focus'],\n    placement: \"top\",\n    renderTip: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_9__[\"View\"], {\n      display: \"block\",\n      id: \"alt-text-label-tooltip\",\n      maxWidth: \"14rem\"\n    }, tooltipText)\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_2__[\"Button\"], {\n    renderIcon: _instructure_ui_icons__WEBPACK_IMPORTED_MODULE_7__[\"IconQuestionLine\"],\n    size: \"small\",\n    variant: \"icon\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_a11y_content__WEBPACK_IMPORTED_MODULE_1__[\"ScreenReaderContent\"], null, tooltipText)))));\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_8__[\"Flex\"], {\n    direction: \"column\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_8__[\"Flex\"].Item, {\n    padding: \"small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_text_area__WEBPACK_IMPORTED_MODULE_5__[\"TextArea\"], {\n    disabled: isDecorativeImage,\n    \"aria-describedby\": \"alt-text-label-tooltip\",\n    height: \"4rem\",\n    label: textAreaLabel,\n    onChange: handleAltTextChange,\n    placeholder: Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('(Describe the image)'),\n    resize: \"vertical\",\n    value: altText\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_8__[\"Flex\"].Item, {\n    padding: \"small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_checkbox__WEBPACK_IMPORTED_MODULE_6__[\"Checkbox\"], {\n    checked: isDecorativeImage,\n    disabled: displayAs === 'link',\n    label: Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Decorative Image'),\n    onChange: handleIsDecorativeChange\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_8__[\"Flex\"].Item, {\n    padding: \"small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_radio_input__WEBPACK_IMPORTED_MODULE_4__[\"RadioInputGroup\"], {\n    description: Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Display Options'),\n    disabled: isLinked,\n    name: \"display-image-as\",\n    onChange: handleDisplayAsChange,\n    value: displayAs\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_radio_input__WEBPACK_IMPORTED_MODULE_4__[\"RadioInput\"], {\n    label: Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Embed Image'),\n    value: \"embed\"\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_radio_input__WEBPACK_IMPORTED_MODULE_4__[\"RadioInput\"], {\n    disabled: isDecorativeImage,\n    label: Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Display Text Link (Opens in a new tab)'),\n    value: \"link\"\n  }))), !hideDimensions && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_8__[\"Flex\"].Item, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_9__[\"View\"], {\n    as: \"div\",\n    padding: \"small\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_simple_select__WEBPACK_IMPORTED_MODULE_3__[\"SimpleSelect\"], {\n    id: `${id}-size`,\n    disabled: displayAs !== 'embed',\n    renderLabel: Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Size'),\n    messages: messagesForSize,\n    assistiveText: Object(_format_message__WEBPACK_IMPORTED_MODULE_12__[\"default\"])('Use arrow keys to navigate options.'),\n    onChange: handleImageSizeChange,\n    value: imageSize\n  }, _instructure_image_ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_11__[\"imageSizes\"].map(size => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_simple_select__WEBPACK_IMPORTED_MODULE_3__[\"SimpleSelect\"].Option, {\n    id: `${id}-size-${size}`,\n    key: size,\n    value: size\n  }, Object(_instructure_image_ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_11__[\"labelForImageSize\"])(size))))), imageSize === _instructure_image_ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_11__[\"CUSTOM\"] && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_instructure_ui_view__WEBPACK_IMPORTED_MODULE_9__[\"View\"], {\n    as: \"div\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_DimensionsInput__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n    dimensionsState: dimensionsState,\n    disabled: displayAs !== 'embed',\n    minHeight: _instructure_image_ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_11__[\"MIN_HEIGHT\"],\n    minWidth: _instructure_image_ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_11__[\"MIN_WIDTH\"],\n    minPercentage: _instructure_image_ImageEmbedOptions__WEBPACK_IMPORTED_MODULE_11__[\"MIN_PERCENTAGE\"]\n  }))));\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (ImageOptionsForm);\n\n//# sourceURL=webpack:///./src/rce/plugins/shared/ImageOptionsForm.js?");
 
 /***/ }),