@instructure/canvas-rce 5.6.2 → 5.6.4

package/testcafe/build/testcafe.js

@@ -17387,7 +17387,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__, \"absoluteToRelativeUrl\", function() { return absoluteToRelativeUrl; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"downloadToWrap\", function() { return downloadToWrap; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"fixupFileUrl\", function() { return fixupFileUrl; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"prepEmbedSrc\", function() { return prepEmbedSrc; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"prepLinkedSrc\", function() { return prepLinkedSrc; });\n/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/instance/includes */ \"../../node_modules/@babel/runtime-corejs3/core-js-stable/instance/includes.js\");\n/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var url__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! url */ \"../../node_modules/url/url.js\");\n/* harmony import */ var url__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(url__WEBPACK_IMPORTED_MODULE_1__);\n\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// I really want to use the native URL api, but it's requirement of an absolute URL\n// or a base URL makes testing difficult, esp since window.location is \"about:blank\"\n// in mocha tests.\n\n\nfunction parseCanvasUrl(url) {\n  let canvasOrigin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window.location.origin;\n\n  if (!url) {\n    return null;\n  }\n\n  const parsed = Object(url__WEBPACK_IMPORTED_MODULE_1__[\"parse\"])(url, true);\n  const canvasHost = Object(url__WEBPACK_IMPORTED_MODULE_1__[\"parse\"])(canvasOrigin, true).host;\n\n  if (parsed.host && canvasHost !== parsed.host) {\n    return null;\n  }\n\n  return parsed;\n}\n\nfunction absoluteToRelativeUrl(url, canvasOrigin) {\n  const parsed = parseCanvasUrl(url, canvasOrigin);\n\n  if (!parsed) {\n    return url;\n  }\n\n  parsed.host = '';\n  parsed.hostname = '';\n  parsed.slashes = false;\n  parsed.protocol = '';\n  const newUrl = Object(url__WEBPACK_IMPORTED_MODULE_1__[\"format\"])(parsed);\n  return newUrl;\n}\n\nfunction changeDownloadToWrapParams(parsedUrl) {\n  delete parsedUrl.search;\n  delete parsedUrl.query.download_frd;\n  parsedUrl.query.wrap = '1';\n  parsedUrl.pathname = parsedUrl.pathname.replace(/\\/(?:download|preview)\\/?$/, '');\n  return parsedUrl;\n}\n\nfunction addContext(parsedUrl, contextType, contextId) {\n  // if this is a http://canvas/files... url. change it to be contextual\n  if (/^\\/files/.test(parsedUrl.pathname)) {\n    const context = contextType.replace(/([^s])$/, '$1s'); // canvas contexts are plural\n\n    parsedUrl.pathname = `/${context}/${contextId}${parsedUrl.pathname}`;\n  }\n\n  return parsedUrl;\n} // simply replaces the download_frd url param with wrap\n// wrap=1 will (often) cause the resource to be loaded\n// in an iframe on canvas' files page\n\n\nfunction downloadToWrap(url) {\n  const parsed = parseCanvasUrl(url);\n\n  if (!parsed) {\n    return url;\n  }\n\n  return Object(url__WEBPACK_IMPORTED_MODULE_1__[\"format\"])(changeDownloadToWrapParams(parsed));\n} // take a url to a file (e.g. /files/17), and convert it to\n// it's in-context url (e.g. /courses/2/files/17).\n// Add wrap=1 to the url so it previews, not downloads\n// If it is a user file, add the verifier\n// NOTE: this can be removed once canvas-rce-api is updated\n//       to normalize the file URLs it returns.\n\nfunction fixupFileUrl(contextType, contextId, fileInfo) {\n  // it's annoying, but depending on how we got here\n  // the file may have an href or a url\n  const key = fileInfo.href ? 'href' : 'url';\n\n  if (fileInfo[key]) {\n    let parsed = parseCanvasUrl(fileInfo[key]);\n\n    if (!parsed) {\n      return fileInfo;\n    }\n\n    parsed = changeDownloadToWrapParams(parsed);\n    parsed = addContext(parsed, contextType, contextId); // if this is a user file, add the verifier\n\n    if (fileInfo.uuid && _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default()(contextType).call(contextType, 'user')) {\n      delete parsed.search;\n      parsed.query.verifier = fileInfo.uuid;\n    }\n\n    fileInfo[key] = Object(url__WEBPACK_IMPORTED_MODULE_1__[\"format\"])(parsed);\n  }\n\n  return fileInfo;\n} // embedded resources, like an <img src=url> with /preview\n// in the url will not be logged as a view in canvas.\n// This is appropriate for images in some rce content.\n// Remove wrap=1 to indicate we want the file downloaded\n// (which is necessary to show in an <img> tag), not viewed\n\nfunction prepEmbedSrc(url) {\n  const parsed = parseCanvasUrl(url);\n\n  if (!parsed) {\n    return url;\n  }\n\n  if (!/\\/preview(?:\\?|$)/.test(parsed.pathname)) {\n    parsed.pathname = parsed.pathname.replace(/(?:\\/download)?\\/?(\\?|$)/, '/preview$1');\n  }\n\n  delete parsed.search;\n  delete parsed.query.wrap;\n  return Object(url__WEBPACK_IMPORTED_MODULE_1__[\"format\"])(parsed);\n} // when the user opens a link to a resource, we want its view\n// logged, so remove /preview\n// Add wrap=1 to indicate clicking on the link should open a preview\n// and not download the file (this doesn't work if the original link is a download link)\n\nfunction prepLinkedSrc(url) {\n  const parsed = parseCanvasUrl(url);\n\n  if (!parsed) {\n    return url;\n  }\n\n  delete parsed.search;\n  parsed.pathname = parsed.pathname.replace(/\\/preview(\\?|$)/, '$1');\n  parsed.query.wrap = '1';\n  return Object(url__WEBPACK_IMPORTED_MODULE_1__[\"format\"])(parsed);\n}\n\n//# sourceURL=webpack:///./src/common/fileUrl.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"absoluteToRelativeUrl\", function() { return absoluteToRelativeUrl; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"downloadToWrap\", function() { return downloadToWrap; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"fixupFileUrl\", function() { return fixupFileUrl; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"prepEmbedSrc\", function() { return prepEmbedSrc; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"prepLinkedSrc\", function() { return prepLinkedSrc; });\n/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/instance/includes */ \"../../node_modules/@babel/runtime-corejs3/core-js-stable/instance/includes.js\");\n/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var url__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! url */ \"../../node_modules/url/url.js\");\n/* harmony import */ var url__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(url__WEBPACK_IMPORTED_MODULE_1__);\n\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// I really want to use the native URL api, but it's requirement of an absolute URL\n// or a base URL makes testing difficult, esp since window.location is \"about:blank\"\n// in mocha tests.\n\n\nfunction parseCanvasUrl(url) {\n  let canvasOrigin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window.location.origin;\n\n  if (!url) {\n    return null;\n  }\n\n  const parsed = Object(url__WEBPACK_IMPORTED_MODULE_1__[\"parse\"])(url, true);\n  const canvasHost = Object(url__WEBPACK_IMPORTED_MODULE_1__[\"parse\"])(canvasOrigin, true).host;\n\n  if (parsed.host && canvasHost !== parsed.host) {\n    return null;\n  }\n\n  return parsed;\n}\n\nfunction absoluteToRelativeUrl(url, canvasOrigin) {\n  const parsed = parseCanvasUrl(url, canvasOrigin);\n\n  if (!parsed) {\n    return url;\n  }\n\n  parsed.host = '';\n  parsed.hostname = '';\n  parsed.slashes = false;\n  parsed.protocol = '';\n  const newUrl = Object(url__WEBPACK_IMPORTED_MODULE_1__[\"format\"])(parsed);\n  return newUrl;\n}\n\nfunction changeDownloadToWrapParams(parsedUrl) {\n  delete parsedUrl.search;\n  delete parsedUrl.query.download_frd;\n  parsedUrl.query.wrap = '1';\n  parsedUrl.pathname = parsedUrl.pathname.replace(/\\/(?:download|preview)\\/?$/, '');\n  return parsedUrl;\n}\n\nfunction addContext(parsedUrl, contextType, contextId) {\n  // if this is a http://canvas/files... url. change it to be contextual\n  if (/^\\/files/.test(parsedUrl.pathname)) {\n    const context = contextType.replace(/([^s])$/, '$1s'); // canvas contexts are plural\n\n    parsedUrl.pathname = `/${context}/${contextId}${parsedUrl.pathname}`;\n  }\n\n  return parsedUrl;\n} // simply replaces the download_frd url param with wrap\n// wrap=1 will (often) cause the resource to be loaded\n// in an iframe on canvas' files page\n\n\nfunction downloadToWrap(url) {\n  const parsed = parseCanvasUrl(url);\n\n  if (!parsed) {\n    return url;\n  }\n\n  return Object(url__WEBPACK_IMPORTED_MODULE_1__[\"format\"])(changeDownloadToWrapParams(parsed));\n} // take a url to a file (e.g. /files/17), and convert it to\n// it's in-context url (e.g. /courses/2/files/17).\n// Add wrap=1 to the url so it previews, not downloads\n// If it is a user file, add the verifier\n// NOTE: this can be removed once canvas-rce-api is updated\n//       to normalize the file URLs it returns.\n\nfunction fixupFileUrl(contextType, contextId, fileInfo, canvasOrigin) {\n  // it's annoying, but depending on how we got here\n  // the file may have an href or a url\n  const key = fileInfo.href ? 'href' : 'url';\n\n  if (fileInfo[key]) {\n    let parsed = parseCanvasUrl(fileInfo[key], canvasOrigin);\n\n    if (!parsed) {\n      return fileInfo;\n    }\n\n    parsed = changeDownloadToWrapParams(parsed);\n    parsed = addContext(parsed, contextType, contextId); // if this is a user file, add the verifier\n\n    if (fileInfo.uuid && _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default()(contextType).call(contextType, 'user')) {\n      delete parsed.search;\n      parsed.query.verifier = fileInfo.uuid;\n    }\n\n    fileInfo[key] = Object(url__WEBPACK_IMPORTED_MODULE_1__[\"format\"])(parsed);\n  }\n\n  return fileInfo;\n} // embedded resources, like an <img src=url> with /preview\n// in the url will not be logged as a view in canvas.\n// This is appropriate for images in some rce content.\n// Remove wrap=1 to indicate we want the file downloaded\n// (which is necessary to show in an <img> tag), not viewed\n\nfunction prepEmbedSrc(url) {\n  let canvasOrigin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window.location.origin;\n  const parsed = parseCanvasUrl(url, canvasOrigin);\n\n  if (!parsed) {\n    return url;\n  }\n\n  if (!/\\/preview(?:\\?|$)/.test(parsed.pathname)) {\n    parsed.pathname = parsed.pathname.replace(/(?:\\/download)?\\/?(\\?|$)/, '/preview$1');\n  }\n\n  delete parsed.search;\n  delete parsed.query.wrap;\n  return Object(url__WEBPACK_IMPORTED_MODULE_1__[\"format\"])(parsed);\n} // when the user opens a link to a resource, we want its view\n// logged, so remove /preview\n// Add wrap=1 to indicate clicking on the link should open a preview\n// and not download the file (this doesn't work if the original link is a download link)\n\nfunction prepLinkedSrc(url) {\n  const parsed = parseCanvasUrl(url);\n\n  if (!parsed) {\n    return url;\n  }\n\n  delete parsed.search;\n  parsed.pathname = parsed.pathname.replace(/\\/preview(\\?|$)/, '$1');\n  parsed.query.wrap = '1';\n  return Object(url__WEBPACK_IMPORTED_MODULE_1__[\"format\"])(parsed);\n}\n\n//# sourceURL=webpack:///./src/common/fileUrl.js?");
 
 /***/ }),
 
@@ -17471,7 +17471,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/*\n * Copyright (C) 2021 - p
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"previewableMimeTypes\", function() { return previewableMimeTypes; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isPreviewable\", function() { return isPreviewable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"showLoadingImage\", function() { return showLoadingImage; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"removeLoadingImage\", function() { return removeLoadingImage; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"loadDocPreview\", function() { return loadDocPreview; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"sanitizeUrl\", function() { return sanitizeUrl; });\n/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/instance/includes */ \"../../node_modules/@babel/runtime-corejs3/core-js-stable/instance/includes.js\");\n/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-dom */ \"../../node_modules/react-dom/index.js\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _instructure_ui_spinner__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @instructure/ui-spinner */ \"../../node_modules/@instructure/ui-spinner/es/index.js\");\n/* harmony import */ var escape_html__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! escape-html */ \"../../node_modules/escape-html/index.js\");\n/* harmony import */ var escape_html__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(escape_html__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _jqueryish_funcs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./jqueryish_funcs */ \"./src/enhance-user-content/jqueryish_funcs.js\");\n\n\n/*\n * Copyright (C) 2022 - 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\nconst previewableMimeTypes = ['application/vnd.openxmlformats-officedocument.wordprocessingml.template', 'application/vnd.oasis.opendocument.spreadsheet', 'application/vnd.sun.xml.writer', 'application/excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'text/rtf', 'application/vnd.openxmlformats-officedocument.spreadsheetml.template', 'application/vnd.sun.xml.impress', 'application/vnd.sun.xml.calc', 'application/vnd.ms-excel', 'application/msword', 'application/mspowerpoint', 'application/rtf', 'application/vnd.oasis.opendocument.presentation', 'application/vnd.oasis.opendocument.text', 'application/vnd.openxmlformats-officedocument.presentationml.template', 'application/vnd.openxmlformats-officedocument.presentationml.slideshow', 'text/plain', 'application/vnd.openxmlformats-officedocument.presentationml.presentation', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document', 'application/postscript', 'application/pdf', 'application/vnd.ms-powerpoint']; // check to see if a file of a certan mimeType is previewable inline in the browser\n// ex: isPreviewable(\"application/mspowerpoint\")  -> true\n\nfunction isPreviewable(mimeType) {\n  return _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default()(previewableMimeTypes).call(previewableMimeTypes, mimeType);\n} // Show a loading spinner\n// The typical use is to show the spinner next to a canvas file link\n// while the inline preview is loading. It's also used when previewing\n// student submitted files in speedgrader, in which case $link is really\n// the div containing the preview iframe. We handle these 2 cases by\n// telling the function to put the spinner adjacent to $link,\n// or to put it in the center of the preview container.\n//\n// $link: the DOM node that serves as the reference for locating the spinner\n// position: one of 'adjacent' or 'centered'\n\nfunction showLoadingImage($link) {\n  let position = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'adjacent';\n  const dir = $link && window.getComputedStyle($link).direction || 'ltr';\n  const boundingBox = $link.getBoundingClientRect();\n  const offsetLeft = boundingBox.left + (position === 'adjacent' ? dir === 'ltr' ? boundingBox.width : -24 : boundingBox.width / 2);\n  $link.style.marginInlineEnd = '28px';\n  const imageMarginInlineStart = position === 'adjacent' ? '5px' : '-12px';\n  const imageMarginTop = position === 'adjacent' ? 0 : '-12px';\n  const zIndex = parseInt($link.style.zIndex || 0, 10) + 1;\n  const $imageHolder = document.createElement('div');\n  $imageHolder.setAttribute('class', 'loading_image_holder');\n  const list = Object(_jqueryish_funcs__WEBPACK_IMPORTED_MODULE_6__[\"getData\"])($link, 'loading_images') || [];\n  list.push($imageHolder);\n  Object(_jqueryish_funcs__WEBPACK_IMPORTED_MODULE_6__[\"setData\"])($link, 'loading_images', list);\n\n  if (!$link.style.position || $link.style.position === 'static') {\n    const top = `${boundingBox.top + window.scrollY + (position === 'adjacent' ? 0 : boundingBox.height / 2)}px`;\n    const left = `${offsetLeft}px`;\n    $imageHolder.setAttribute('style', `z-index: ${zIndex}; position: absolute; top: ${top}; left: ${left}; margin-inline-start: ${imageMarginInlineStart}; margin-top: ${imageMarginTop}`);\n    document.body.appendChild($imageHolder);\n  } else {\n    const top = `${position === 'adjacent' ? 0 : boundingBox.height / 2}px`;\n    const left = `${offsetLeft}px`;\n    $imageHolder.setAttribute('style', `z-index:${zIndex}; position: absolute; top: ${top}; left: ${left}; margin-inline-start:${imageMarginInlineStart}; margin-top: ${imageMarginTop}`);\n    $link.appendChild($imageHolder);\n  }\n\n  react_dom__WEBPACK_IMPORTED_MODULE_2___default.a.render( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_spinner__WEBPACK_IMPORTED_MODULE_4__[\"Spinner\"], {\n    size: \"x-small\",\n    title: Object(_format_message__WEBPACK_IMPORTED_MODULE_3__[\"default\"])('Loading')\n  }), $imageHolder);\n  return $link;\n}\nfunction removeLoadingImage($link) {\n  var _$link$querySelector;\n\n  (_$link$querySelector = $link.querySelector('.loading_image')) === null || _$link$querySelector === void 0 ? void 0 : _$link$querySelector.remove();\n  const list = Object(_jqueryish_funcs__WEBPACK_IMPORTED_MODULE_6__[\"getData\"])($link, 'loading_images') || [];\n  list.forEach(item => {\n    if (item) {\n      item.remove();\n    }\n  });\n  Object(_jqueryish_funcs__WEBPACK_IMPORTED_MODULE_6__[\"setData\"])($link, 'loading_images', null);\n  $link.style.marginInlineEnd = '';\n  return $link;\n}\nfunction loadDocPreview($container, options) {\n  let opts = {\n    width: '100%',\n    height: '400px',\n    ...Object(_jqueryish_funcs__WEBPACK_IMPORTED_MODULE_6__[\"getData\"])($container),\n    ...options\n  };\n  if (!$container) return; // an issue in specs\n\n  function tellAppIViewedThisInline() {\n    // if I have a url to ping back to the app that I viewed this file inline, ping it.\n    if (opts.attachment_view_inline_ping_url) {\n      fetch(opts.attachment_view_inline_ping_url, {\n        method: 'POST'\n      });\n    }\n  }\n\n  if (opts.crocodoc_session_url) {\n    const sanitizedUrl = sanitizeUrl(opts.crocodoc_session_url);\n    const iframe = document.createElement('iframe');\n    iframe.setAttribute('src', sanitizedUrl);\n    iframe.setAttribute('width', opts.width);\n    iframe.setAttribute('height', opts.height);\n    iframe.setAttribute('allowfullscreen', '1');\n    iframe.id = opts.id;\n    $container.appendChild(iframe);\n    iframe.load(() => {\n      tellAppIViewedThisInline('crocodoc');\n      if (typeof opts.ready === 'function') opts.ready();\n    });\n  } else if (opts.canvadoc_session_url) {\n    const canvadocWrapper = document.createElement('div');\n    canvadocWrapper.setAttribute('style', 'overflow: auto; resize: vertical; border: 1px solid transparent; height: 100%;');\n    $container.appendChild(canvadocWrapper);\n    const minHeight = opts.iframe_min_height !== undefined ? opts.iframe_min_height : '800px';\n    const sanitizedUrl = sanitizeUrl(opts.canvadoc_session_url);\n    const iframe = document.createElement('iframe');\n    iframe.addEventListener('load', () => {\n      tellAppIViewedThisInline('canvadocs');\n      if (typeof opts.ready === 'function') opts.ready();\n    });\n    iframe.setAttribute('src', sanitizedUrl);\n    iframe.setAttribute('width', opts.width);\n    iframe.setAttribute('allowfullscreen', '1');\n    iframe.setAttribute('style', `border: 0; overflow: auto; height: 99%; min-height': ${minHeight}`);\n    iframe.id = opts.id;\n    canvadocWrapper.appendChild(iframe);\n  } else if (!opts.disableGooglePreviews && (!opts.mimetype || isPreviewable(opts.mimetype)) && opts.attachment_id || opts.public_url) {\n    // else if it's something google docs preview can handle and we can get a public url to this document.\n    const loadGooglePreview = function () {\n      // this handles both ssl and plain http.\n      const googleDocPreviewUrl = `//docs.google.com/viewer?${new URLSearchParams({\n        embedded: true,\n        url: opts.public_url\n      }).toString()}`;\n\n      if (!opts.ajax_valid || opts.ajax_valid()) {\n        const iframe = document.createElement('iframe');\n        iframe.addEventListener('load', () => {\n          tellAppIViewedThisInline('google');\n\n          if (typeof opts.ready === 'function') {\n            opts.ready();\n          }\n        });\n        iframe.setAttribute('src', googleDocPreviewUrl);\n        iframe.setAttribute('height', opts.height);\n        iframe.setAttribute('width', '100%');\n        $container.appendChild(iframe);\n      }\n    };\n\n    if (opts.public_url) {\n      loadGooglePreview();\n    } else if (opts.attachment_id) {\n      let url = `/api/v1/files/${opts.attachment_id}/public_url.json`;\n\n      if (opts.submission_id) {\n        url += '?' + new URLSearchParams({\n          submission_id: opts.submission_id\n        }).toString();\n      }\n\n      if (opts.verifier) {\n        url += `${opts.submission_id ? '&' : '?'}verifier=${opts.verifier}`;\n      } else {\n        const match = window.location.search.match(/verifier=([^&]+)(?:&|$)/);\n        const ver = match && match[1];\n\n        if (ver) {\n          url += `${opts.submission_id ? '&' : '?'}verifier=${ver}`;\n        }\n      }\n\n      showLoadingImage($container, 'centered');\n      fetch(url).then(response => {\n        if (!response.ok) throw new Error(`${response.status}: ${response.statusText}`);\n        return response;\n      }).then(response => response.json()).then(data => {\n        if (data.public_url) {\n          opts = { ...opts,\n            ...data\n          };\n          loadGooglePreview();\n        }\n      }).catch(ex => {\n        // eslint-disable-next-line no-console\n        console.error(ex);\n      }).finally(() => {\n        removeLoadingImage($container);\n      });\n    }\n  } else {\n    // else fall back with a message that the document can't be viewed inline\n    // eslint-disable-next-line no-lonely-if\n    if (opts.attachment_preview_processing) {\n      $container.innerHTML = `<p>\n          ${escape_html__WEBPACK_IMPORTED_MODULE_5___default()(Object(_format_message__WEBPACK_IMPORTED_MODULE_3__[\"default\"])('The document preview is currently being processed. Please try again later.'))}\n          </p>`;\n    } else {\n      $container.innerHTML = `<p>${escape_html__WEBPACK_IMPORTED_MODULE_5___default()(Object(_format_message__WEBPACK_IMPORTED_MODULE_3__[\"default\"])('This document cannot be displayed within Canvas.'))}</p>`;\n    }\n  }\n}\n/**\n * Replaces bad urls with harmless urls in cases where bad urls might cause harm\n * @param {string} url\n */\n\nfunction sanitizeUrl(url) {\n  const defaultUrl = 'about:blank';\n\n  try {\n    const parsedUrl = new URL(url, window.location.origin); // eslint-disable-next-line no-script-url\n\n    if (parsedUrl.protocol === 'javascript:') {\n      return defaultUrl;\n    }\n\n    return url;\n  } catch (e) {\n    // URL() throws TypeError if url is not a valid URL\n    return defaultUrl;\n  }\n}\n\n//# sourceURL=webpack:///./src/enhance-user-content/doc_previews.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"previewableMimeTypes\", function() { return previewableMimeTypes; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isPreviewable\", function() { return isPreviewable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"showLoadingImage\", function() { return showLoadingImage; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"removeLoadingImage\", function() { return removeLoadingImage; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"loadDocPreview\", function() { return loadDocPreview; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"sanitizeUrl\", function() { return sanitizeUrl; });\n/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/instance/includes */ \"../../node_modules/@babel/runtime-corejs3/core-js-stable/instance/includes.js\");\n/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-dom */ \"../../node_modules/react-dom/index.js\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _instructure_ui_spinner__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @instructure/ui-spinner */ \"../../node_modules/@instructure/ui-spinner/es/index.js\");\n/* harmony import */ var escape_html__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! escape-html */ \"../../node_modules/escape-html/index.js\");\n/* harmony import */ var escape_html__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(escape_html__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _jqueryish_funcs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./jqueryish_funcs */ \"./src/enhance-user-content/jqueryish_funcs.js\");\n\n\n/*\n * Copyright (C) 2022 - 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\nconst previewableMimeTypes = ['application/vnd.openxmlformats-officedocument.wordprocessingml.template', 'application/vnd.oasis.opendocument.spreadsheet', 'application/vnd.sun.xml.writer', 'application/excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'text/rtf', 'application/vnd.openxmlformats-officedocument.spreadsheetml.template', 'application/vnd.sun.xml.impress', 'application/vnd.sun.xml.calc', 'application/vnd.ms-excel', 'application/msword', 'application/mspowerpoint', 'application/rtf', 'application/vnd.oasis.opendocument.presentation', 'application/vnd.oasis.opendocument.text', 'application/vnd.openxmlformats-officedocument.presentationml.template', 'application/vnd.openxmlformats-officedocument.presentationml.slideshow', 'text/plain', 'application/vnd.openxmlformats-officedocument.presentationml.presentation', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document', 'application/postscript', 'application/pdf', 'application/vnd.ms-powerpoint']; // check to see if a file of a certan mimeType is previewable inline in the browser\n// ex: isPreviewable(\"application/mspowerpoint\")  -> true\n\nfunction isPreviewable(mimeType) {\n  return _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default()(previewableMimeTypes).call(previewableMimeTypes, mimeType);\n} // Show a loading spinner\n// The typical use is to show the spinner next to a canvas file link\n// while the inline preview is loading. It's also used when previewing\n// student submitted files in speedgrader, in which case $link is really\n// the div containing the preview iframe. We handle these 2 cases by\n// telling the function to put the spinner adjacent to $link,\n// or to put it in the center of the preview container.\n//\n// $link: the DOM node that serves as the reference for locating the spinner\n// position: one of 'adjacent' or 'centered'\n\nfunction showLoadingImage($link) {\n  let position = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'adjacent';\n  const dir = $link && window.getComputedStyle($link).direction || 'ltr';\n  const boundingBox = $link.getBoundingClientRect();\n  const offsetLeft = boundingBox.left + (position === 'adjacent' ? dir === 'ltr' ? boundingBox.width : -24 : boundingBox.width / 2);\n  $link.style.marginInlineEnd = '28px';\n  const imageMarginInlineStart = position === 'adjacent' ? '5px' : '-12px';\n  const imageMarginTop = position === 'adjacent' ? 0 : '-12px';\n  const zIndex = parseInt($link.style.zIndex || 0, 10) + 1;\n  const $imageHolder = document.createElement('div');\n  $imageHolder.setAttribute('class', 'loading_image_holder');\n  const list = Object(_jqueryish_funcs__WEBPACK_IMPORTED_MODULE_6__[\"getData\"])($link, 'loading_images') || [];\n  list.push($imageHolder);\n  Object(_jqueryish_funcs__WEBPACK_IMPORTED_MODULE_6__[\"setData\"])($link, 'loading_images', list);\n\n  if (!$link.style.position || $link.style.position === 'static') {\n    const top = `${boundingBox.top + window.scrollY + (position === 'adjacent' ? 0 : boundingBox.height / 2)}px`;\n    const left = `${offsetLeft}px`;\n    $imageHolder.setAttribute('style', `z-index: ${zIndex}; position: absolute; top: ${top}; left: ${left}; margin-inline-start: ${imageMarginInlineStart}; margin-top: ${imageMarginTop}`);\n    document.body.appendChild($imageHolder);\n  } else {\n    const top = `${position === 'adjacent' ? 0 : boundingBox.height / 2}px`;\n    const left = `${offsetLeft}px`;\n    $imageHolder.setAttribute('style', `z-index:${zIndex}; position: absolute; top: ${top}; left: ${left}; margin-inline-start:${imageMarginInlineStart}; margin-top: ${imageMarginTop}`);\n    $link.appendChild($imageHolder);\n  }\n\n  react_dom__WEBPACK_IMPORTED_MODULE_2___default.a.render( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_spinner__WEBPACK_IMPORTED_MODULE_4__[\"Spinner\"], {\n    size: \"x-small\",\n    title: Object(_format_message__WEBPACK_IMPORTED_MODULE_3__[\"default\"])('Loading')\n  }), $imageHolder);\n  return $link;\n}\nfunction removeLoadingImage($link) {\n  var _$link$querySelector;\n\n  (_$link$querySelector = $link.querySelector('.loading_image')) === null || _$link$querySelector === void 0 ? void 0 : _$link$querySelector.remove();\n  const list = Object(_jqueryish_funcs__WEBPACK_IMPORTED_MODULE_6__[\"getData\"])($link, 'loading_images') || [];\n  list.forEach(item => {\n    if (item) {\n      item.remove();\n    }\n  });\n  Object(_jqueryish_funcs__WEBPACK_IMPORTED_MODULE_6__[\"setData\"])($link, 'loading_images', null);\n  $link.style.marginInlineEnd = '';\n  return $link;\n}\nfunction loadDocPreview($container, options) {\n  let opts = {\n    width: '100%',\n    height: '400px',\n    ...Object(_jqueryish_funcs__WEBPACK_IMPORTED_MODULE_6__[\"getData\"])($container),\n    ...options\n  };\n  if (!$container) return; // an issue in specs\n\n  function tellAppIViewedThisInline() {\n    // if I have a url to ping back to the app that I viewed this file inline, ping it.\n    if (opts.attachment_view_inline_ping_url) {\n      fetch(opts.attachment_view_inline_ping_url, {\n        method: 'POST'\n      });\n    }\n  }\n\n  if (opts.crocodoc_session_url) {\n    const sanitizedUrl = sanitizeUrl(opts.crocodoc_session_url);\n    const iframe = document.createElement('iframe');\n    iframe.setAttribute('src', sanitizedUrl);\n    iframe.setAttribute('width', opts.width);\n    iframe.setAttribute('height', opts.height);\n    iframe.setAttribute('allowfullscreen', '1');\n    iframe.id = opts.id;\n    $container.appendChild(iframe);\n    iframe.load(() => {\n      tellAppIViewedThisInline('crocodoc');\n      if (typeof opts.ready === 'function') opts.ready();\n    });\n  } else if (opts.canvadoc_session_url) {\n    const canvadocWrapper = document.createElement('div');\n    canvadocWrapper.setAttribute('style', 'overflow: auto; resize: vertical; border: 1px solid transparent; height: 100%;');\n    $container.appendChild(canvadocWrapper);\n    const minHeight = opts.iframe_min_height !== undefined ? opts.iframe_min_height : '800px';\n    const sanitizedUrl = sanitizeUrl(opts.canvadoc_session_url);\n    const iframe = document.createElement('iframe');\n    iframe.addEventListener('load', () => {\n      tellAppIViewedThisInline('canvadocs');\n      if (typeof opts.ready === 'function') opts.ready();\n    });\n    iframe.setAttribute('src', sanitizedUrl);\n    iframe.setAttribute('width', opts.width);\n    iframe.setAttribute('allowfullscreen', '1');\n    iframe.setAttribute('style', `border: 0; overflow: auto; height: 99%; min-height: ${minHeight}`);\n    iframe.id = opts.id;\n    canvadocWrapper.appendChild(iframe);\n  } else if (!opts.disableGooglePreviews && (!opts.mimetype || isPreviewable(opts.mimetype)) && opts.attachment_id || opts.public_url) {\n    // else if it's something google docs preview can handle and we can get a public url to this document.\n    const loadGooglePreview = function () {\n      // this handles both ssl and plain http.\n      const googleDocPreviewUrl = `//docs.google.com/viewer?${new URLSearchParams({\n        embedded: true,\n        url: opts.public_url\n      }).toString()}`;\n\n      if (!opts.ajax_valid || opts.ajax_valid()) {\n        const iframe = document.createElement('iframe');\n        iframe.addEventListener('load', () => {\n          tellAppIViewedThisInline('google');\n\n          if (typeof opts.ready === 'function') {\n            opts.ready();\n          }\n        });\n        iframe.setAttribute('src', googleDocPreviewUrl);\n        iframe.setAttribute('height', opts.height);\n        iframe.setAttribute('width', '100%');\n        $container.appendChild(iframe);\n      }\n    };\n\n    if (opts.public_url) {\n      loadGooglePreview();\n    } else if (opts.attachment_id) {\n      let url = `/api/v1/files/${opts.attachment_id}/public_url.json`;\n\n      if (opts.submission_id) {\n        url += '?' + new URLSearchParams({\n          submission_id: opts.submission_id\n        }).toString();\n      }\n\n      if (opts.verifier) {\n        url += `${opts.submission_id ? '&' : '?'}verifier=${opts.verifier}`;\n      } else {\n        const match = window.location.search.match(/verifier=([^&]+)(?:&|$)/);\n        const ver = match && match[1];\n\n        if (ver) {\n          url += `${opts.submission_id ? '&' : '?'}verifier=${ver}`;\n        }\n      }\n\n      showLoadingImage($container, 'centered');\n      fetch(url).then(response => {\n        if (!response.ok) throw new Error(`${response.status}: ${response.statusText}`);\n        return response;\n      }).then(response => response.json()).then(data => {\n        if (data.public_url) {\n          opts = { ...opts,\n            ...data\n          };\n          loadGooglePreview();\n        }\n      }).catch(ex => {\n        // eslint-disable-next-line no-console\n        console.error(ex);\n      }).finally(() => {\n        removeLoadingImage($container);\n      });\n    }\n  } else {\n    // else fall back with a message that the document can't be viewed inline\n    // eslint-disable-next-line no-lonely-if\n    if (opts.attachment_preview_processing) {\n      $container.innerHTML = `<p>\n          ${escape_html__WEBPACK_IMPORTED_MODULE_5___default()(Object(_format_message__WEBPACK_IMPORTED_MODULE_3__[\"default\"])('The document preview is currently being processed. Please try again later.'))}\n          </p>`;\n    } else {\n      $container.innerHTML = `<p>${escape_html__WEBPACK_IMPORTED_MODULE_5___default()(Object(_format_message__WEBPACK_IMPORTED_MODULE_3__[\"default\"])('This document cannot be displayed within Canvas.'))}</p>`;\n    }\n  }\n}\n/**\n * Replaces bad urls with harmless urls in cases where bad urls might cause harm\n * @param {string} url\n */\n\nfunction sanitizeUrl(url) {\n  const defaultUrl = 'about:blank';\n\n  try {\n    const parsedUrl = new URL(url, window.location.origin); // eslint-disable-next-line no-script-url\n\n    if (parsedUrl.protocol === 'javascript:') {\n      return defaultUrl;\n    }\n\n    return url;\n  } catch (e) {\n    // URL() throws TypeError if url is not a valid URL\n    return defaultUrl;\n  }\n}\n\n//# sourceURL=webpack:///./src/enhance-user-content/doc_previews.js?");
 
 /***/ }),
 
@@ -17483,7 +17483,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__, \"enhanceUserContent\", function() { return enhanceUserContent; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"makeAllExternalLinksExternalLinks\", function() { return makeAllExternalLinksExternalLinks; });\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 _instructure_ui_icons_es_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @instructure/ui-icons/es/svg */ \"../../node_modules/@instructure/ui-icons/es/svg/index.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _jqueryish_funcs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./jqueryish_funcs */ \"./src/enhance-user-content/jqueryish_funcs.js\");\n/* harmony import */ var _instructure_helper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./instructure_helper */ \"./src/enhance-user-content/instructure_helper.js\");\n/* harmony import */ var _media_comment_thumbnail__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./media_comment_thumbnail */ \"./src/enhance-user-content/media_comment_thumbnail.js\");\n/*\n * Copyright (C) 2011 - 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 // in jest the es directory doesn't exist so stub the undefined svg\n\nconst IconDownloadSVG = (_instructure_ui_icons_es_svg__WEBPACK_IMPORTED_MODULE_1__[\"IconDownloadLine\"] === null || _instructure_ui_icons_es_svg__WEBPACK_IMPORTED_MODULE_1__[\"IconDownloadLine\"] === void 0 ? void 0 : _instructure_ui_icons_es_svg__WEBPACK_IMPORTED_MODULE_1__[\"IconDownloadLine\"].src) || '<svg></svg>';\nconst IconExternalLinkSVG = (_instructure_ui_icons_es_svg__WEBPACK_IMPORTED_MODULE_1__[\"IconExternalLinkLine\"] === null || _instructure_ui_icons_es_svg__WEBPACK_IMPORTED_MODULE_1__[\"IconExternalLinkLine\"] === void 0 ? void 0 : _instructure_ui_icons_es_svg__WEBPACK_IMPORTED_MODULE_1__[\"IconExternalLinkLine\"].src) || '<svg></svg>';\n\nfunction makeDownloadButton(download_url, filename) {\n  const a = document.createElement('a');\n  a.setAttribute('class', 'file_download_btn');\n  a.setAttribute('role', 'button');\n  a.setAttribute('download', '');\n  a.setAttribute('style', 'margin-inline-start: 5px; text-decoration: none;');\n  a.setAttribute('href', download_url);\n  const $icon = document.createElement('span');\n  $icon.setAttribute('role', 'presentation');\n  $icon.innerHTML = IconDownloadSVG;\n  $icon.firstChild.setAttribute('style', 'width:1em; height:1em; vertical-align:middle; fill:currentColor');\n  a.appendChild($icon);\n  const srspan = document.createElement('span');\n  srspan.setAttribute('class', 'screenreader-only');\n  srspan.innerHTML = escape_html__WEBPACK_IMPORTED_MODULE_0___default()(Object(_format_message__WEBPACK_IMPORTED_MODULE_2__[\"default\"])('Download {filename}', {\n    filename\n  }));\n  a.appendChild(srspan);\n  return a;\n}\n\nfunction makeExternalLinkIcon(forLink) {\n  const dir = forLink && window.getComputedStyle(forLink).direction || 'ltr';\n  const $icon = document.createElement('span');\n  $icon.setAttribute('class', 'external_link_icon');\n  const style = `margin-inline-start: 5px; ${dir === 'rtl' ? 'transform:scale(-1, 1)' : ''}`;\n  $icon.setAttribute('style', style);\n  $icon.setAttribute('role', 'presentation');\n  $icon.innerHTML = IconExternalLinkSVG;\n  $icon.firstChild.setAttribute('style', 'width:1em; height:1em; vertical-align:middle; fill:currentColor');\n  const srspan = document.createElement('span');\n  srspan.setAttribute('class', 'screenreader-only');\n  srspan.innerHTML = escape_html__WEBPACK_IMPORTED_MODULE_0___default()(Object(_format_message__WEBPACK_IMPORTED_MODULE_2__[\"default\"])('Links to an external site.'));\n  $icon.appendChild(srspan);\n  return $icon;\n}\n\nfunction handleYoutubeLink($link) {\n  const href = $link.getAttribute('href');\n  const id = Object(_instructure_helper__WEBPACK_IMPORTED_MODULE_4__[\"youTubeID\"])(href || '');\n\n  if (id && !$link.classList.contains('inline_disabled')) {\n    const $after = document.createElement('a');\n    $after.setAttribute('href', href);\n    $after.setAttribute('class', 'youtubed');\n    $after.innerHTML = `\n      <img src=\"/images/play_overlay.png\"\n        class=\"media_comment_thumbnail\"\n        style=\"background-image: url(//img.youtube.com/vi/${escape_html__WEBPACK_IMPORTED_MODULE_0___default()(id)}/2.jpg)\"\n        alt=\"${escape_html__WEBPACK_IMPORTED_MODULE_0___default()(Object(_jqueryish_funcs__WEBPACK_IMPORTED_MODULE_3__[\"getData\"])($link, 'preview-alt') || '')}\"\n      />\n    `;\n    $after.addEventListener('click', function (event) {\n      event.preventDefault();\n      const $this = event.currentTarget;\n      const $video = document.createElement('span');\n      $video.setAttribute('class', 'youtube_holder');\n      $video.style.display = 'block';\n      $video.innerHTML = `\n        <iframe\n          src='//www.youtube.com/embed/${escape_html__WEBPACK_IMPORTED_MODULE_0___default()(id)}?autoplay=1&rel=0&hl=en_US&fs=1'\n          frameborder='0'\n          width='425'\n          height='344'\n          allowfullscreen\n        ></iframe>\n        <br/>\n        <a\n          href='#'\n          style='font-size: 0.8em;'\n          class='hide_youtube_embed_link'\n        >\n          ${escape_html__WEBPACK_IMPORTED_MODULE_0___default()(Object(_format_message__WEBPACK_IMPORTED_MODULE_2__[\"default\"])('Minimize Video'))}\n        </a>\n      `;\n      $video.querySelectorAll('.hide_youtube_embed_link').forEach($elem => {\n        $elem.addEventListener('click', function (event2) {\n          event2.preventDefault();\n          $video.parentElement.removeChild($video);\n          Object(_jqueryish_funcs__WEBPACK_IMPORTED_MODULE_3__[\"show\"])($after);\n        });\n      });\n      Object(_jqueryish_funcs__WEBPACK_IMPORTED_MODULE_3__[\"insertAfter\"])($video, $this);\n      Object(_jqueryish_funcs__WEBPACK_IMPORTED_MODULE_3__[\"hide\"])($this);\n    });\n    $link.classList.add('youtubed');\n    Object(_jqueryish_funcs__WEBPACK_IMPORTED_MODULE_3__[\"insertAfter\"])($after, $link);\n  }\n}\n\nlet preview_counter = 0;\n\nfunction previewId() {\n  return `preview_${++preview_counter}`;\n}\n\nfunction buildUrl(url) {\n  try {\n    return new URL(url);\n  } catch (e) {// Don't raise an error\n  }\n}\n\nfunction enhanceUserContent() {\n  let container = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;\n  let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n  const {\n    customEnhanceFunc,\n    canvasOrigin,\n    kalturaSettings,\n    disableGooglePreviews\n  } = opts;\n  const content = container instanceof HTMLElement && container || document.getElementById('content') || document;\n\n  const showFilePreviewEx = event => Object(_instructure_helper__WEBPACK_IMPORTED_MODULE_4__[\"showFilePreview\"])(event, {\n    canvasOrigin,\n    disableGooglePreviews\n  });\n\n  content.querySelectorAll('.user_content:not(.enhanced)').forEach(elem => elem.classList.add('unenhanced'));\n  content.querySelectorAll('.unenhanced').forEach(unenhanced_elem => {\n    unenhanced_elem.querySelectorAll('img').forEach(img => {\n      // if the image file is unpublished it's replaced with the lock image\n      // and canvas adds hidden=1 to the URL.\n      // we also need to strip the alt text\n      if (/hidden=1$/.test(img.getAttribute('src'))) {\n        img.setAttribute('alt', Object(_format_message__WEBPACK_IMPORTED_MODULE_2__[\"default\"])('This image is currently unavailable'));\n      }\n    });\n    Object(_jqueryish_funcs__WEBPACK_IMPORTED_MODULE_3__[\"setData\"])(unenhanced_elem, 'unenhanced_content_html', unenhanced_elem.innerHTML); // guarantee relative links point to canvas\n\n    if (canvasOrigin) {\n      unenhanced_elem.querySelectorAll('a').forEach(link => {\n        try {\n          const href = link.getAttribute('href');\n\n          if (href[0] !== '#') {\n            const url = new URL(href, canvasOrigin);\n            link.setAttribute('href', url.href);\n          }\n        } catch (_ignore) {// canvasOrigin probably isn't a valid base url\n        }\n      });\n    }\n\n    unenhanced_elem.querySelectorAll('a:not(.not_external, .external)').forEach(childLink => {\n      if (!Object(_instructure_helper__WEBPACK_IMPORTED_MODULE_4__[\"isExternalLink\"])(childLink)) return;\n      if (childLink.tagName === 'IMG' || childLink.querySelectorAll('img').length > 0) return;\n      childLink.classList.add('external');\n      childLink.setAttribute('target', '_blank');\n      childLink.setAttribute('rel', 'noreferrer noopener');\n      const $linkSpan = document.createElement('span');\n      const $linkText = childLink.innerHTML;\n      $linkSpan.innerHTML = $linkText;\n\n      while (childLink.firstChild) childLink.removeChild(childLink.firstChild);\n\n      childLink.appendChild($linkSpan);\n      const externalLinkIcon = makeExternalLinkIcon(childLink);\n      childLink.appendChild(externalLinkIcon);\n    });\n  });\n  content.querySelectorAll('a.instructure_file_link, a.instructure_scribd_file').forEach(file_link => {\n    const href = buildUrl(file_link.href); // Don't attempt to enhance links with no href\n\n    if (!href) return;\n    const matchesCanvasFile = href.pathname.match(/(?:\\/(courses|groups|users)\\/(\\d+))?\\/files\\/(\\d+)/);\n\n    if (!matchesCanvasFile) {\n      // a bug in the new RCE added instructure_file_link class name to all links\n      // only proceed if this is a canvas file link\n      return;\n    }\n\n    if (file_link.textContent.trim()) {\n      file_link.addEventListener('click', showFilePreviewEx);\n      const filename = file_link.textContent; // instructure_file_link_holder is used to find file_preview_link\n\n      const $span = document.createElement('span');\n      $span.setAttribute('class', 'instructure_file_holder link_holder instructure_file_link_holder');\n      const qs = href.searchParams;\n      qs.delete('wrap');\n      qs.append('download_frd', '1');\n      const download_url = `${href.origin}${href.pathname.replace(/(?:\\/(download|preview))?$/, '/download')}?${qs}`;\n      const $download_btn = makeDownloadButton(download_url, filename);\n\n      if (file_link.classList.contains('instructure_scribd_file')) {\n        if (file_link.classList.contains('no_preview')) {\n          // link downloads\n          file_link.setAttribute('href', download_url);\n          file_link.removeAttribute('target');\n        } else if (file_link.classList.contains('inline_disabled')) {\n          // link opens in overlay\n          file_link.classList.add('preview_in_overlay');\n        } else {\n          // link previews\n          file_link.classList.add('file_preview_link');\n        }\n      }\n\n      file_link.classList.remove('instructure_file_link');\n      file_link.classList.remove('instructure_scribd_file');\n      file_link.parentElement.replaceChild($span, file_link);\n      $span.appendChild(file_link);\n      if ($download_btn) $span.appendChild($download_btn);\n    }\n  }); // Some schools have been using 'file_preview_link' for inline previews\n  // outside of the RCE so find them all after we've gone through and\n  // added our own (above)\n\n  content.querySelectorAll('.instructure_file_link_holder a.file_preview_link, .instructure_file_link_holder a.scribd_file_preview_link').forEach($link => {\n    if ($link.classList.contains('previewable')) {\n      return;\n    }\n\n    const preview_id = previewId();\n    $link.setAttribute('aria-expanded', 'false');\n    $link.setAttribute('aria-controls', preview_id);\n    $link.classList.add('previewable');\n    $link.addEventListener('click', showFilePreviewEx);\n    const $preview_container = document.createElement('div');\n    $preview_container.setAttribute('role', 'region');\n    $preview_container.setAttribute('class', 'preview_container');\n    $preview_container.id = preview_id;\n    $preview_container.setAttribute('style', 'display: none;');\n    $link.parentElement.appendChild($preview_container);\n\n    if ($link.classList.contains('auto_open')) {\n      $link.click();\n    }\n  });\n  const unenhanced_anchors = content.querySelectorAll('.user_content.unenhanced a, .user_content.unenhanced+div.answers a');\n  unenhanced_anchors.forEach($anchor => {\n    $anchor.querySelectorAll('img.media_comment_thumbnail').forEach($thumbnail => {\n      const a = Object(_jqueryish_funcs__WEBPACK_IMPORTED_MODULE_3__[\"closest\"])($thumbnail, 'a', content);\n      a === null || a === void 0 ? void 0 : a.classList.add('instructure_inline_media_comment');\n    });\n\n    if ($anchor.matches('.instructure_inline_media_comment')) {\n      $anchor.classList.remove('no-underline');\n      Object(_media_comment_thumbnail__WEBPACK_IMPORTED_MODULE_5__[\"default\"])($anchor, 'normal', false, kalturaSettings);\n    }\n\n    if ($anchor.matches('.instructure_video_link, .instructure_audio_link')) {\n      Object(_media_comment_thumbnail__WEBPACK_IMPORTED_MODULE_5__[\"default\"])($anchor, 'normal', true, kalturaSettings);\n    }\n\n    if (!$anchor.matches('.youtubed')) {\n      handleYoutubeLink($anchor);\n    }\n  });\n\n  if (customEnhanceFunc) {\n    customEnhanceFunc();\n  }\n\n  content.querySelectorAll('.user_content.unenhanced').forEach($elem => {\n    $elem.classList.remove('unenhanced');\n    $elem.classList.add('enhanced');\n  });\n  setTimeout(() => {\n    content.querySelectorAll('.user_content form.user_content_post_form:not(.submitted)').forEach($elem => {\n      $elem.submit();\n      $elem.classList.add('submitted');\n    });\n  }, 10); // Remove sandbox attribute from user content iframes to fix busted\n  // third-party content, like Google Drive documents.\n\n  document.querySelectorAll('.user_content iframe[sandbox=\"allow-scripts allow-forms allow-same-origin\"]').forEach(frame => {\n    frame.removeAttribute('sandbox');\n    const src = frame.src;\n    frame.src = src;\n  });\n}\nfunction makeAllExternalLinksExternalLinks() {\n  // in 100ms (to give time for everything else to load), find all the external links and add give them\n  // the external link look and behavior (force them to open in a new tab)\n  setTimeout(function () {\n    const content = document.getElementById('content');\n    if (!content) return;\n    const tld = Object(_instructure_helper__WEBPACK_IMPORTED_MODULE_4__[\"getTld\"])(window.location.hostname);\n    const links = content.querySelectorAll(`a[href*=\"//\"]:not([href*=\"${tld}\"])`); // technique for finding \"external\" links copied from https://davidwalsh.name/external-links-css\n\n    for (let i = 0; i < links.length; i++) {\n      const $link = links[i]; // don't mess with the ones that were already processed in enhanceUserContent\n\n      if ($link.classList.contains('external')) continue;\n      if ($link.matches('.open_in_a_new_tab')) continue;\n      if ($link.querySelectorAll('img').length > 0) continue;\n      if ($link.matches('.not_external')) continue;\n      if ($link.matches('.exclude_external_icon')) continue; // we have some pre-instui buttons that are styled links\n\n      if ($link.classList.contains('btn')) continue;\n      const $linkToReplace = $link;\n\n      if ($linkToReplace) {\n        const $linkIndicator = makeExternalLinkIcon();\n        $linkToReplace.classList.add('external');\n        $linkToReplace.querySelectorAll('span.ui-icon-extlink').forEach(c => c.remove);\n        $linkToReplace.setAttribute('target', '_blank');\n        $linkToReplace.setAttribute('rel', 'noreferrer noopener');\n        const $linkSpan = document.createElement('span');\n        const $linkText = $linkToReplace.innerHTML;\n        $linkSpan.innerHTML = $linkText;\n\n        while ($linkToReplace.firstChild) $linkToReplace.removeChild($linkToReplace.firstChild);\n\n        $linkToReplace.appendChild($linkSpan);\n        $linkToReplace.appendChild($linkIndicator);\n      }\n    }\n  }, 100);\n}\n\n//# sourceURL=webpack:///./src/enhance-user-content/enhance_user_content.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"enhanceUserContent\", function() { return enhanceUserContent; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"makeAllExternalLinksExternalLinks\", function() { return makeAllExternalLinksExternalLinks; });\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 _instructure_ui_icons_es_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @instructure/ui-icons/es/svg */ \"../../node_modules/@instructure/ui-icons/es/svg/index.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _jqueryish_funcs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./jqueryish_funcs */ \"./src/enhance-user-content/jqueryish_funcs.js\");\n/* harmony import */ var _instructure_helper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./instructure_helper */ \"./src/enhance-user-content/instructure_helper.js\");\n/* harmony import */ var _media_comment_thumbnail__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./media_comment_thumbnail */ \"./src/enhance-user-content/media_comment_thumbnail.js\");\n/*\n * Copyright (C) 2011 - 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 // in jest the es directory doesn't exist so stub the undefined svg\n\nconst IconDownloadSVG = (_instructure_ui_icons_es_svg__WEBPACK_IMPORTED_MODULE_1__[\"IconDownloadLine\"] === null || _instructure_ui_icons_es_svg__WEBPACK_IMPORTED_MODULE_1__[\"IconDownloadLine\"] === void 0 ? void 0 : _instructure_ui_icons_es_svg__WEBPACK_IMPORTED_MODULE_1__[\"IconDownloadLine\"].src) || '<svg></svg>';\nconst IconExternalLinkSVG = (_instructure_ui_icons_es_svg__WEBPACK_IMPORTED_MODULE_1__[\"IconExternalLinkLine\"] === null || _instructure_ui_icons_es_svg__WEBPACK_IMPORTED_MODULE_1__[\"IconExternalLinkLine\"] === void 0 ? void 0 : _instructure_ui_icons_es_svg__WEBPACK_IMPORTED_MODULE_1__[\"IconExternalLinkLine\"].src) || '<svg></svg>';\n\nfunction makeDownloadButton(download_url, filename) {\n  const a = document.createElement('a');\n  a.setAttribute('class', 'file_download_btn');\n  a.setAttribute('role', 'button');\n  a.setAttribute('download', '');\n  a.setAttribute('style', 'margin-inline-start: 5px; text-decoration: none;');\n  a.setAttribute('href', download_url);\n  const $icon = document.createElement('span');\n  $icon.setAttribute('role', 'presentation');\n  $icon.innerHTML = IconDownloadSVG;\n  $icon.firstChild.setAttribute('style', 'width:1em; height:1em; vertical-align:middle; fill:currentColor');\n  a.appendChild($icon);\n  const srspan = document.createElement('span');\n  srspan.setAttribute('class', 'screenreader-only');\n  srspan.innerHTML = escape_html__WEBPACK_IMPORTED_MODULE_0___default()(Object(_format_message__WEBPACK_IMPORTED_MODULE_2__[\"default\"])('Download {filename}', {\n    filename\n  }));\n  a.appendChild(srspan);\n  return a;\n}\n\nfunction makeExternalLinkIcon(forLink) {\n  const dir = forLink && window.getComputedStyle(forLink).direction || 'ltr';\n  const $icon = document.createElement('span');\n  $icon.setAttribute('class', 'external_link_icon');\n  const style = `margin-inline-start: 5px; ${dir === 'rtl' ? 'transform:scale(-1, 1)' : ''}`;\n  $icon.setAttribute('style', style);\n  $icon.setAttribute('role', 'presentation');\n  $icon.innerHTML = IconExternalLinkSVG;\n  $icon.firstChild.setAttribute('style', 'width:1em; height:1em; vertical-align:middle; fill:currentColor');\n  const srspan = document.createElement('span');\n  srspan.setAttribute('class', 'screenreader-only');\n  srspan.innerHTML = escape_html__WEBPACK_IMPORTED_MODULE_0___default()(Object(_format_message__WEBPACK_IMPORTED_MODULE_2__[\"default\"])('Links to an external site.'));\n  $icon.appendChild(srspan);\n  return $icon;\n}\n\nfunction handleYoutubeLink($link) {\n  const href = $link.getAttribute('href');\n  const id = Object(_instructure_helper__WEBPACK_IMPORTED_MODULE_4__[\"youTubeID\"])(href || '');\n\n  if (id && !$link.classList.contains('inline_disabled')) {\n    const $after = document.createElement('a');\n    $after.setAttribute('href', href);\n    $after.setAttribute('class', 'youtubed');\n    $after.innerHTML = `\n      <img src=\"/images/play_overlay.png\"\n        class=\"media_comment_thumbnail\"\n        style=\"background-image: url(//img.youtube.com/vi/${escape_html__WEBPACK_IMPORTED_MODULE_0___default()(id)}/2.jpg)\"\n        alt=\"${escape_html__WEBPACK_IMPORTED_MODULE_0___default()(Object(_jqueryish_funcs__WEBPACK_IMPORTED_MODULE_3__[\"getData\"])($link, 'preview-alt') || '')}\"\n      />\n    `;\n    $after.addEventListener('click', function (event) {\n      event.preventDefault();\n      const $this = event.currentTarget;\n      const $video = document.createElement('span');\n      $video.setAttribute('class', 'youtube_holder');\n      $video.style.display = 'block';\n      $video.innerHTML = `\n        <iframe\n          src='//www.youtube.com/embed/${escape_html__WEBPACK_IMPORTED_MODULE_0___default()(id)}?autoplay=1&rel=0&hl=en_US&fs=1'\n          frameborder='0'\n          width='425'\n          height='344'\n          allowfullscreen\n        ></iframe>\n        <br/>\n        <a\n          href='#'\n          style='font-size: 0.8em;'\n          class='hide_youtube_embed_link'\n        >\n          ${escape_html__WEBPACK_IMPORTED_MODULE_0___default()(Object(_format_message__WEBPACK_IMPORTED_MODULE_2__[\"default\"])('Minimize Video'))}\n        </a>\n      `;\n      $video.querySelectorAll('.hide_youtube_embed_link').forEach($elem => {\n        $elem.addEventListener('click', function (event2) {\n          event2.preventDefault();\n          $video.parentElement.removeChild($video);\n          Object(_jqueryish_funcs__WEBPACK_IMPORTED_MODULE_3__[\"show\"])($after);\n        });\n      });\n      Object(_jqueryish_funcs__WEBPACK_IMPORTED_MODULE_3__[\"insertAfter\"])($video, $this);\n      Object(_jqueryish_funcs__WEBPACK_IMPORTED_MODULE_3__[\"hide\"])($this);\n    });\n    $link.classList.add('youtubed');\n    Object(_jqueryish_funcs__WEBPACK_IMPORTED_MODULE_3__[\"insertAfter\"])($after, $link);\n  }\n}\n\nlet preview_counter = 0;\n\nfunction previewId() {\n  return `preview_${++preview_counter}`;\n}\n\nfunction buildUrl(url) {\n  try {\n    return new URL(url);\n  } catch (e) {// Don't raise an error\n  }\n}\n\nfunction enhanceUserContent() {\n  let container = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;\n  let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n  const {\n    customEnhanceFunc,\n    canvasOrigin,\n    kalturaSettings,\n    disableGooglePreviews,\n    canvasLinksTarget\n  } = opts;\n  const content = container instanceof HTMLElement && container || document.getElementById('content') || document;\n\n  const showFilePreviewEx = event => Object(_instructure_helper__WEBPACK_IMPORTED_MODULE_4__[\"showFilePreview\"])(event, {\n    canvasOrigin,\n    disableGooglePreviews\n  });\n\n  content.querySelectorAll('.user_content:not(.enhanced)').forEach(elem => elem.classList.add('unenhanced'));\n  content.querySelectorAll('.unenhanced').forEach(unenhanced_elem => {\n    unenhanced_elem.querySelectorAll('img').forEach(img => {\n      const src = img.getAttribute('src');\n\n      if (!/^\\/[^/]/.test(src)) {\n        return;\n      } // if the image file is unpublished it's replaced with the lock image\n      // and canvas adds hidden=1 to the URL.\n      // we also need to strip the alt text\n\n\n      if (/hidden=1$/.test(src)) {\n        img.setAttribute('alt', Object(_format_message__WEBPACK_IMPORTED_MODULE_2__[\"default\"])('This image is currently unavailable'));\n      }\n    });\n    Object(_jqueryish_funcs__WEBPACK_IMPORTED_MODULE_3__[\"setData\"])(unenhanced_elem, 'unenhanced_content_html', unenhanced_elem.innerHTML); // guarantee relative links point to canvas\n\n    if (canvasOrigin) {\n      const attributes = ['href', 'src'];\n      const selector = '[href], [src]';\n      unenhanced_elem.querySelectorAll(selector).forEach(element => {\n        try {\n          for (const a of attributes) {\n            const potentialUrl = element.getAttribute(a);\n\n            if (!/^\\/[^/]/.test(potentialUrl)) {\n              continue;\n            }\n\n            const absoluteUrl = new URL(potentialUrl, canvasOrigin);\n            element.setAttribute(a, absoluteUrl.href);\n\n            if (canvasLinksTarget && element.tagName === 'A' && (!element.getAttribute('target') || element.getAttribute('target') === '_blank')) {\n              element.setAttribute('target', canvasLinksTarget);\n            }\n          }\n        } catch (_ignore) {// canvasOrigin probably isn't a valid base url\n        }\n      });\n    }\n\n    unenhanced_elem.querySelectorAll('a:not(.not_external, .external)').forEach(childLink => {\n      if (!Object(_instructure_helper__WEBPACK_IMPORTED_MODULE_4__[\"isExternalLink\"])(childLink, canvasOrigin)) return;\n      if (childLink.tagName === 'IMG' || childLink.querySelectorAll('img').length > 0) return;\n      childLink.classList.add('external');\n      childLink.setAttribute('target', '_blank');\n      childLink.setAttribute('rel', 'noreferrer noopener');\n      const $linkSpan = document.createElement('span');\n      const $linkText = childLink.innerHTML;\n      $linkSpan.innerHTML = $linkText;\n\n      while (childLink.firstChild) childLink.removeChild(childLink.firstChild);\n\n      childLink.appendChild($linkSpan);\n      const externalLinkIcon = makeExternalLinkIcon(childLink);\n      childLink.appendChild(externalLinkIcon);\n    });\n  });\n  content.querySelectorAll('a.instructure_file_link, a.instructure_scribd_file').forEach(file_link => {\n    const href = buildUrl(file_link.href); // Don't attempt to enhance links with no href\n\n    if (!href) return;\n    const matchesCanvasFile = href.pathname.match(/(?:\\/(courses|groups|users)\\/(\\d+))?\\/files\\/(\\d+)/);\n\n    if (!matchesCanvasFile) {\n      // a bug in the new RCE added instructure_file_link class name to all links\n      // only proceed if this is a canvas file link\n      return;\n    }\n\n    if (file_link.textContent.trim()) {\n      file_link.addEventListener('click', showFilePreviewEx);\n      const filename = file_link.textContent; // instructure_file_link_holder is used to find file_preview_link\n\n      const $span = document.createElement('span');\n      $span.setAttribute('class', 'instructure_file_holder link_holder instructure_file_link_holder');\n      const qs = href.searchParams;\n      qs.delete('wrap');\n      qs.append('download_frd', '1');\n      const download_url = `${href.origin}${href.pathname.replace(/(?:\\/(download|preview))?$/, '/download')}?${qs}`;\n      const $download_btn = makeDownloadButton(download_url, filename);\n\n      if (file_link.classList.contains('instructure_scribd_file')) {\n        if (file_link.classList.contains('no_preview')) {\n          // link downloads\n          file_link.setAttribute('href', download_url);\n          file_link.removeAttribute('target');\n        } else if (file_link.classList.contains('inline_disabled')) {\n          // link opens in overlay\n          file_link.classList.add('preview_in_overlay');\n        } else {\n          // link previews\n          file_link.classList.add('file_preview_link');\n        }\n      }\n\n      file_link.classList.remove('instructure_file_link');\n      file_link.classList.remove('instructure_scribd_file');\n      file_link.parentElement.replaceChild($span, file_link);\n      $span.appendChild(file_link);\n      if ($download_btn) $span.appendChild($download_btn);\n    }\n  }); // Some schools have been using 'file_preview_link' for inline previews\n  // outside of the RCE so find them all after we've gone through and\n  // added our own (above)\n\n  content.querySelectorAll('.instructure_file_link_holder a.file_preview_link, .instructure_file_link_holder a.scribd_file_preview_link').forEach($link => {\n    if ($link.classList.contains('previewable')) {\n      return;\n    }\n\n    const preview_id = previewId();\n    $link.setAttribute('aria-expanded', 'false');\n    $link.setAttribute('aria-controls', preview_id);\n    $link.classList.add('previewable');\n    $link.addEventListener('click', showFilePreviewEx);\n    const $preview_container = document.createElement('div');\n    $preview_container.setAttribute('role', 'region');\n    $preview_container.setAttribute('class', 'preview_container');\n    $preview_container.id = preview_id;\n    $preview_container.setAttribute('style', 'display: none;');\n    $link.parentElement.appendChild($preview_container);\n\n    if ($link.classList.contains('auto_open')) {\n      $link.click();\n    }\n  });\n  const unenhanced_anchors = content.querySelectorAll('.user_content.unenhanced a, .user_content.unenhanced+div.answers a');\n  unenhanced_anchors.forEach($anchor => {\n    $anchor.querySelectorAll('img.media_comment_thumbnail').forEach($thumbnail => {\n      const a = Object(_jqueryish_funcs__WEBPACK_IMPORTED_MODULE_3__[\"closest\"])($thumbnail, 'a', content);\n      a === null || a === void 0 ? void 0 : a.classList.add('instructure_inline_media_comment');\n    });\n\n    if ($anchor.matches('.instructure_inline_media_comment')) {\n      $anchor.classList.remove('no-underline');\n      Object(_media_comment_thumbnail__WEBPACK_IMPORTED_MODULE_5__[\"default\"])($anchor, 'normal', false, kalturaSettings);\n    }\n\n    if ($anchor.matches('.instructure_video_link, .instructure_audio_link')) {\n      Object(_media_comment_thumbnail__WEBPACK_IMPORTED_MODULE_5__[\"default\"])($anchor, 'normal', true, kalturaSettings);\n    }\n\n    if (!$anchor.matches('.youtubed')) {\n      handleYoutubeLink($anchor);\n    }\n  });\n\n  if (customEnhanceFunc) {\n    customEnhanceFunc();\n  }\n\n  content.querySelectorAll('.user_content.unenhanced').forEach($elem => {\n    $elem.classList.remove('unenhanced');\n    $elem.classList.add('enhanced');\n  });\n  setTimeout(() => {\n    content.querySelectorAll('.user_content form.user_content_post_form:not(.submitted)').forEach($elem => {\n      $elem.submit();\n      $elem.classList.add('submitted');\n    });\n  }, 10); // Remove sandbox attribute from user content iframes to fix busted\n  // third-party content, like Google Drive documents.\n\n  document.querySelectorAll('.user_content iframe[sandbox=\"allow-scripts allow-forms allow-same-origin\"]').forEach(frame => {\n    frame.removeAttribute('sandbox');\n    const src = frame.src;\n    frame.src = src;\n  });\n}\nfunction makeAllExternalLinksExternalLinks() {\n  // in 100ms (to give time for everything else to load), find all the external links and add give them\n  // the external link look and behavior (force them to open in a new tab)\n  setTimeout(function () {\n    const content = document.getElementById('content');\n    if (!content) return;\n    const tld = Object(_instructure_helper__WEBPACK_IMPORTED_MODULE_4__[\"getTld\"])(window.location.hostname);\n    const links = content.querySelectorAll(`a[href*=\"//\"]:not([href*=\"${tld}\"])`); // technique for finding \"external\" links copied from https://davidwalsh.name/external-links-css\n\n    for (let i = 0; i < links.length; i++) {\n      const $link = links[i]; // don't mess with the ones that were already processed in enhanceUserContent\n\n      if ($link.classList.contains('external')) continue;\n      if ($link.matches('.open_in_a_new_tab')) continue;\n      if ($link.querySelectorAll('img').length > 0) continue;\n      if ($link.matches('.not_external')) continue;\n      if ($link.matches('.exclude_external_icon')) continue; // we have some pre-instui buttons that are styled links\n\n      if ($link.classList.contains('btn')) continue;\n      const $linkToReplace = $link;\n\n      if ($linkToReplace) {\n        const $linkIndicator = makeExternalLinkIcon();\n        $linkToReplace.classList.add('external');\n        $linkToReplace.querySelectorAll('span.ui-icon-extlink').forEach(c => c.remove);\n        $linkToReplace.setAttribute('target', '_blank');\n        $linkToReplace.setAttribute('rel', 'noreferrer noopener');\n        const $linkSpan = document.createElement('span');\n        const $linkText = $linkToReplace.innerHTML;\n        $linkSpan.innerHTML = $linkText;\n\n        while ($linkToReplace.firstChild) $linkToReplace.removeChild($linkToReplace.firstChild);\n\n        $linkToReplace.appendChild($linkSpan);\n        $linkToReplace.appendChild($linkIndicator);\n      }\n    }\n  }, 100);\n}\n\n//# sourceURL=webpack:///./src/enhance-user-content/enhance_user_content.js?");
 
 /***/ }),
 
@@ -17507,7 +17507,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _med
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"youTubeID\", function() { return youTubeID; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getTld\", function() { return getTld; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isExternalLink\", function() { return isExternalLink; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"showFilePreview\", function() { return showFilePreview; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"showFilePreviewInOverlay\", function() { return showFilePreviewInOverlay; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"showFilePreviewInline\", function() { return showFilePreviewInline; });\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 _common_FlashAlert__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../common/FlashAlert */ \"./src/common/FlashAlert.js\");\n/* harmony import */ var _doc_previews__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./doc_previews */ \"./src/enhance-user-content/doc_previews.js\");\n/* harmony import */ var _jqueryish_funcs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./jqueryish_funcs */ \"./src/enhance-user-content/jqueryish_funcs.js\");\n/*\n * Copyright (C) 2022 - 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\nconst youTubeRegEx = /^https?:\\/\\/(www\\.youtube\\.com\\/watch.*v(=|\\/)|youtu\\.be\\/)([^&#]*)/;\nfunction youTubeID(path) {\n  const match = path.match(youTubeRegEx);\n\n  if (match && match[match.length - 1]) {\n    return match[match.length - 1];\n  }\n\n  return null;\n}\nfunction getTld(hostname) {\n  hostname = (hostname || '').split(':')[0];\n  const parts = hostname.split('.'),\n        length = parts.length;\n  return (length > 1 ? [parts[length - 2], parts[length - 1]] : parts).join('.');\n}\nconst locationTld = getTld(window.location.hostname);\nfunction isExternalLink(element) {\n  const href = element.getAttribute('href'); // if a browser doesnt support <a>.hostname then just dont mark anything as external, better to not get false positives.\n\n  return !!(href && href.length && !href.match(/^(mailto\\:|javascript\\:)/) && element.hostname && getTld(element.hostname) !== locationTld);\n}\nfunction showFilePreview(event) {\n  var _event$target, _event$currentTarget;\n\n  let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n  const {\n    canvasOrigin,\n    disableGooglePreviews\n  } = { ...opts\n  };\n  let target = null;\n\n  if ((_event$target = event.target) !== null && _event$target !== void 0 && _event$target.href) {\n    target = event.target;\n  } else if ((_event$currentTarget = event.currentTarget) !== null && _event$currentTarget !== void 0 && _event$currentTarget.href) {\n    target = event.currentTarget;\n  } else {\n    return;\n  }\n\n  if (target.classList.contains('no_preview')) {\n    return;\n  }\n\n  if (target.classList.contains('inline_disabled') || target.classList.contains('preview_in_overlay')) {\n    showFilePreviewInOverlay(event, canvasOrigin);\n  } else {\n    showFilePreviewInline(event, disableGooglePreviews);\n  }\n}\nfunction showFilePreviewInOverlay(event, canvasOrigin) {\n  var _event$target2, _event$currentTarget2, _target;\n\n  let target = null;\n\n  if ((_event$target2 = event.target) !== null && _event$target2 !== void 0 && _event$target2.href) {\n    target = event.target;\n  } else if ((_event$currentTarget2 = event.currentTarget) !== null && _event$currentTarget2 !== void 0 && _event$currentTarget2.href) {\n    target = event.currentTarget;\n  }\n\n  const matches = (_target = target) === null || _target === void 0 ? void 0 : _target.href.match(/\\/files\\/(\\d+)/);\n\n  if (matches) {\n    if (event.ctrlKey || event.altKey || event.metaKey || event.shiftKey) {\n      // if any modifier keys are pressed, do the browser default thing\n      return;\n    }\n\n    event.preventDefault();\n    const url = new URL(target.href);\n    const verifier = url === null || url === void 0 ? void 0 : url.searchParams.get('verifier');\n    const file_id = matches[1]; // TODO:\n    // 1. what window should be be using\n    // 2. is that the right origin?\n    // 3. this is temporary until we can decouple the file previewer from canvas\n\n    window.top.postMessage({\n      subject: 'preview_file',\n      file_id,\n      verifier\n    }, canvasOrigin);\n  }\n}\nfunction showFilePreviewInline(event, disableGooglePreviews) {\n  if (event.ctrlKey || event.altKey || event.metaKey || event.shiftKey) {\n    // if any modifier keys are pressed, do the browser default thing\n    return;\n  }\n\n  event.preventDefault();\n  const $link = event.currentTarget || event.target;\n\n  if ($link.getAttribute('aria-expanded') === 'true') {\n    // close the preview by clicking the \"Minimize File Preview\" link\n    const $preview = document.getElementById($link.getAttribute('aria-controls'));\n    $preview.querySelector('.hide_file_preview_link').click();\n    return;\n  }\n\n  Object(_doc_previews__WEBPACK_IMPORTED_MODULE_3__[\"showLoadingImage\"])($link);\n  fetch($link.getAttribute('href').replace(/\\/(download|preview)/, '') // download as part of the path\n  .replace(/wrap=1&?/, '') // wrap=1 as part of the query_string\n  .replace(/[?&]$/, ''), // any trailing chars if wrap=1 was at the end\n  {\n    method: 'GET',\n    headers: {\n      Accept: 'application/json'\n    }\n  }).then(response => {\n    if (!response.ok) throw new Error(`${response.status}: ${response.statusText}`);\n    return response;\n  }).then(response => response.json()).then(data => {\n    const attachment = data && data.attachment;\n    Object(_doc_previews__WEBPACK_IMPORTED_MODULE_3__[\"removeLoadingImage\"])($link);\n\n    if (attachment && (!disableGooglePreviews && Object(_doc_previews__WEBPACK_IMPORTED_MODULE_3__[\"isPreviewable\"])(attachment.content_type) || attachment.canvadoc_session_url)) {\n      $link.setAttribute('aria-expanded', 'true');\n      const $div = document.querySelector(`[id=\"${$link.getAttribute('aria-controls')}\"]`);\n      $div.style.display = 'block';\n      Object(_doc_previews__WEBPACK_IMPORTED_MODULE_3__[\"loadDocPreview\"])($div, {\n        canvadoc_session_url: attachment.canvadoc_session_url,\n        mimeType: attachment.content_type,\n        public_url: attachment.public_url,\n        attachment_preview_processing: attachment.workflow_state === 'pending_upload' || attachment.workflow_state === 'processing',\n        disableGooglePreviews\n      });\n      const $minimizeLink = document.createElement('a');\n      $minimizeLink.setAttribute('href', '#');\n      $minimizeLink.setAttribute('style', 'font-size: 0.8em;');\n      $minimizeLink.setAttribute('class', 'hide_file_preview_link');\n      $minimizeLink.innerHTML = escape_html__WEBPACK_IMPORTED_MODULE_0___default()(Object(_format_message__WEBPACK_IMPORTED_MODULE_1__[\"default\"])('Minimize File Preview'));\n      $minimizeLink.addEventListener('click', event2 => {\n        event2.preventDefault();\n        resetInlinePreview($link, $div);\n      });\n      $div.prepend($minimizeLink);\n\n      if (Object.prototype.hasOwnProperty.call(event, 'originalEvent')) {\n        // Only focus this link if the open preview link was initiated by a real browser event\n        // If it was triggered by our auto_open stuff it shouldn't focus here.\n        $minimizeLink.focus();\n      }\n    }\n  }).catch(ex => {\n    Object(_common_FlashAlert__WEBPACK_IMPORTED_MODULE_2__[\"showFlashAlert\"])({\n      message: Object(_format_message__WEBPACK_IMPORTED_MODULE_1__[\"default\"])('Failed getting file contents'),\n      type: 'error'\n    }); // eslint-disable-next-line no-console\n\n    console.error(ex);\n    resetInlinePreview($link);\n    Object(_doc_previews__WEBPACK_IMPORTED_MODULE_3__[\"removeLoadingImage\"])($link);\n  });\n}\n\nfunction resetInlinePreview($link, $previewContainer) {\n  $link.setAttribute('aria-expanded', 'false');\n  Object(_jqueryish_funcs__WEBPACK_IMPORTED_MODULE_4__[\"show\"])($link);\n  $link.focus();\n\n  if ($previewContainer) {\n    $previewContainer.innerHTML = '';\n    $previewContainer.style.display = 'none';\n  }\n}\n\n//# sourceURL=webpack:///./src/enhance-user-content/instructure_helper.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"youTubeID\", function() { return youTubeID; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getTld\", function() { return getTld; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isExternalLink\", function() { return isExternalLink; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"showFilePreview\", function() { return showFilePreview; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"showFilePreviewInOverlay\", function() { return showFilePreviewInOverlay; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"showFilePreviewInline\", function() { return showFilePreviewInline; });\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 _common_FlashAlert__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../common/FlashAlert */ \"./src/common/FlashAlert.js\");\n/* harmony import */ var _doc_previews__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./doc_previews */ \"./src/enhance-user-content/doc_previews.js\");\n/* harmony import */ var _jqueryish_funcs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./jqueryish_funcs */ \"./src/enhance-user-content/jqueryish_funcs.js\");\n/*\n * Copyright (C) 2022 - 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\nconst youTubeRegEx = /^https?:\\/\\/(www\\.youtube\\.com\\/watch.*v(=|\\/)|youtu\\.be\\/)([^&#]*)/;\nfunction youTubeID(path) {\n  const match = path.match(youTubeRegEx);\n\n  if (match && match[match.length - 1]) {\n    return match[match.length - 1];\n  }\n\n  return null;\n}\nfunction getTld(hostname) {\n  hostname = (hostname || '').split(':')[0];\n  const parts = hostname.split('.'),\n        length = parts.length;\n  return (length > 1 ? [parts[length - 2], parts[length - 1]] : parts).join('.');\n}\nfunction isExternalLink(element) {\n  let canvasOrigin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window.location.origin;\n  let canvasHost;\n\n  try {\n    canvasHost = new URL(canvasOrigin).hostname;\n  } catch (_ex) {\n    canvasHost = window.location.hostname;\n  }\n\n  const href = element.getAttribute('href'); // if a browser doesnt support <a>.hostname then just dont mark anything as external, better to not get false positives.\n\n  return !!(href && href.length && !href.match(/^(mailto\\:|javascript\\:)/) && element.hostname && getTld(element.hostname) !== getTld(canvasHost));\n}\nfunction showFilePreview(event) {\n  var _event$target, _event$currentTarget;\n\n  let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n  const {\n    canvasOrigin,\n    disableGooglePreviews\n  } = { ...opts\n  };\n  let target = null;\n\n  if ((_event$target = event.target) !== null && _event$target !== void 0 && _event$target.href) {\n    target = event.target;\n  } else if ((_event$currentTarget = event.currentTarget) !== null && _event$currentTarget !== void 0 && _event$currentTarget.href) {\n    target = event.currentTarget;\n  } else {\n    return;\n  }\n\n  if (target.classList.contains('no_preview')) {\n    return;\n  }\n\n  if (target.classList.contains('inline_disabled') || target.classList.contains('preview_in_overlay')) {\n    showFilePreviewInOverlay(event, canvasOrigin);\n  } else {\n    showFilePreviewInline(event, disableGooglePreviews);\n  }\n}\nfunction showFilePreviewInOverlay(event, canvasOrigin) {\n  var _event$target2, _event$currentTarget2, _target;\n\n  let target = null;\n\n  if ((_event$target2 = event.target) !== null && _event$target2 !== void 0 && _event$target2.href) {\n    target = event.target;\n  } else if ((_event$currentTarget2 = event.currentTarget) !== null && _event$currentTarget2 !== void 0 && _event$currentTarget2.href) {\n    target = event.currentTarget;\n  }\n\n  const matches = (_target = target) === null || _target === void 0 ? void 0 : _target.href.match(/\\/files\\/(\\d+)/);\n\n  if (matches) {\n    if (event.ctrlKey || event.altKey || event.metaKey || event.shiftKey) {\n      // if any modifier keys are pressed, do the browser default thing\n      return;\n    }\n\n    event.preventDefault();\n    const url = new URL(target.href);\n    const verifier = url === null || url === void 0 ? void 0 : url.searchParams.get('verifier');\n    const file_id = matches[1]; // TODO:\n    // 1. what window should be be using\n    // 2. is that the right origin?\n    // 3. this is temporary until we can decouple the file previewer from canvas\n\n    window.top.postMessage({\n      subject: 'preview_file',\n      file_id,\n      verifier\n    }, canvasOrigin);\n  }\n}\nfunction showFilePreviewInline(event, disableGooglePreviews) {\n  if (event.ctrlKey || event.altKey || event.metaKey || event.shiftKey) {\n    // if any modifier keys are pressed, do the browser default thing\n    return;\n  }\n\n  event.preventDefault();\n  const $link = event.currentTarget || event.target;\n\n  if ($link.getAttribute('aria-expanded') === 'true') {\n    // close the preview by clicking the \"Minimize File Preview\" link\n    const $preview = document.getElementById($link.getAttribute('aria-controls'));\n    $preview.querySelector('.hide_file_preview_link').click();\n    return;\n  }\n\n  Object(_doc_previews__WEBPACK_IMPORTED_MODULE_3__[\"showLoadingImage\"])($link);\n  fetch($link.getAttribute('href').replace(/\\/(download|preview)/, '') // download as part of the path\n  .replace(/wrap=1&?/, '') // wrap=1 as part of the query_string\n  .replace(/[?&]$/, ''), // any trailing chars if wrap=1 was at the end\n  {\n    method: 'GET',\n    headers: {\n      Accept: 'application/json'\n    },\n    credentials: 'include'\n  }).then(response => {\n    if (!response.ok) throw new Error(`${response.status}: ${response.statusText}`);\n    return response;\n  }).then(response => response.json()).then(data => {\n    const attachment = data && data.attachment;\n    Object(_doc_previews__WEBPACK_IMPORTED_MODULE_3__[\"removeLoadingImage\"])($link);\n\n    if (attachment && (!disableGooglePreviews && Object(_doc_previews__WEBPACK_IMPORTED_MODULE_3__[\"isPreviewable\"])(attachment.content_type) || attachment.canvadoc_session_url)) {\n      $link.setAttribute('aria-expanded', 'true');\n      const $div = document.querySelector(`[id=\"${$link.getAttribute('aria-controls')}\"]`);\n      $div.style.display = 'block';\n      Object(_doc_previews__WEBPACK_IMPORTED_MODULE_3__[\"loadDocPreview\"])($div, {\n        canvadoc_session_url: attachment.canvadoc_session_url,\n        mimeType: attachment.content_type,\n        public_url: attachment.public_url,\n        attachment_preview_processing: attachment.workflow_state === 'pending_upload' || attachment.workflow_state === 'processing',\n        disableGooglePreviews\n      });\n      const $minimizeLink = document.createElement('a');\n      $minimizeLink.setAttribute('href', '#');\n      $minimizeLink.setAttribute('style', 'font-size: 0.8em;');\n      $minimizeLink.setAttribute('class', 'hide_file_preview_link');\n      $minimizeLink.innerHTML = escape_html__WEBPACK_IMPORTED_MODULE_0___default()(Object(_format_message__WEBPACK_IMPORTED_MODULE_1__[\"default\"])('Minimize File Preview'));\n      $minimizeLink.addEventListener('click', event2 => {\n        event2.preventDefault();\n        resetInlinePreview($link, $div);\n      });\n      $div.prepend($minimizeLink);\n\n      if (Object.prototype.hasOwnProperty.call(event, 'originalEvent')) {\n        // Only focus this link if the open preview link was initiated by a real browser event\n        // If it was triggered by our auto_open stuff it shouldn't focus here.\n        $minimizeLink.focus();\n      }\n    }\n  }).catch(ex => {\n    Object(_common_FlashAlert__WEBPACK_IMPORTED_MODULE_2__[\"showFlashAlert\"])({\n      message: Object(_format_message__WEBPACK_IMPORTED_MODULE_1__[\"default\"])('Failed getting file contents'),\n      type: 'error'\n    }); // eslint-disable-next-line no-console\n\n    console.error(ex);\n    resetInlinePreview($link);\n    Object(_doc_previews__WEBPACK_IMPORTED_MODULE_3__[\"removeLoadingImage\"])($link);\n  });\n}\n\nfunction resetInlinePreview($link, $previewContainer) {\n  $link.setAttribute('aria-expanded', 'false');\n  Object(_jqueryish_funcs__WEBPACK_IMPORTED_MODULE_4__[\"show\"])($link);\n  $link.focus();\n\n  if ($previewContainer) {\n    $previewContainer.innerHTML = '';\n    $previewContainer.style.display = 'none';\n  }\n}\n\n//# sourceURL=webpack:///./src/enhance-user-content/instructure_helper.js?");
 
 /***/ }),
 
@@ -17711,7 +17711,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__, \"renderLink\", function() { return renderLink; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"renderLinkedImage\", function() { return renderLinkedImage; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"constructJSXImageElement\", function() { return constructJSXImageElement; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"renderImage\", function() { return renderImage; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"renderVideo\", function() { return renderVideo; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"renderAudio\", function() { return renderAudio; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getMediaId\", function() { return getMediaId; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"updateImage\", function() { return updateImage; });\n/* harmony import */ var _babel_runtime_corejs3_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/esm/extends */ \"../../node_modules/@babel/runtime-corejs3/helpers/esm/extends.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react_dom_server__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-dom/server */ \"../../node_modules/react-dom/server.browser.js\");\n/* harmony import */ var react_dom_server__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_dom_server__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _contentInsertionUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./contentInsertionUtils */ \"./src/rce/contentInsertionUtils.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _plugins_instructure_record_VideoOptionsTray_TrayController__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./plugins/instructure_record/VideoOptionsTray/TrayController */ \"./src/rce/plugins/instructure_record/VideoOptionsTray/TrayController.js\");\n/* harmony import */ var _plugins_shared_fileTypeUtils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./plugins/shared/fileTypeUtils */ \"./src/rce/plugins/shared/fileTypeUtils.js\");\n/* harmony import */ var _common_fileUrl__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../common/fileUrl */ \"./src/common/fileUrl.js\");\n\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\n\n\nfunction renderLink(data, contents, canvasOrigin) {\n  const linkAttrs = { ...data\n  };\n  linkAttrs.href = Object(_common_fileUrl__WEBPACK_IMPORTED_MODULE_7__[\"prepLinkedSrc\"])(linkAttrs.href || linkAttrs.url);\n  delete linkAttrs.url;\n\n  if (linkAttrs.href) {\n    linkAttrs.href = Object(_common_fileUrl__WEBPACK_IMPORTED_MODULE_7__[\"absoluteToRelativeUrl\"])(Object(_contentInsertionUtils__WEBPACK_IMPORTED_MODULE_3__[\"cleanUrl\"])(linkAttrs.href), canvasOrigin);\n  }\n\n  linkAttrs.title = linkAttrs.title || Object(_format_message__WEBPACK_IMPORTED_MODULE_4__[\"default\"])('Link');\n  const children = contents || linkAttrs.text || linkAttrs.title;\n  delete linkAttrs.selectionDetails;\n  delete linkAttrs.text;\n  linkAttrs.className = linkAttrs.class;\n  delete linkAttrs.class; // renderToStaticMarkup isn't happy with bool attributes\n\n  Object.keys(linkAttrs).forEach(attr => {\n    if (typeof linkAttrs[attr] === 'boolean') linkAttrs[attr] = linkAttrs[attr].toString();\n  });\n  return Object(react_dom_server__WEBPACK_IMPORTED_MODULE_2__[\"renderToStaticMarkup\"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"a\", linkAttrs, children));\n}\nfunction renderLinkedImage(linkElem, image, canvasOrigin) {\n  const linkHref = linkElem.getAttribute('href');\n  image.href = Object(_common_fileUrl__WEBPACK_IMPORTED_MODULE_7__[\"prepEmbedSrc\"])(image.href);\n  return Object(react_dom_server__WEBPACK_IMPORTED_MODULE_2__[\"renderToStaticMarkup\"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"a\", {\n    href: Object(_common_fileUrl__WEBPACK_IMPORTED_MODULE_7__[\"absoluteToRelativeUrl\"])(linkHref, canvasOrigin),\n    \"data-mce-href\": linkHref\n  }, constructJSXImageElement(image, canvasOrigin, {\n    doNotLink: true\n  })));\n}\nfunction constructJSXImageElement(image, canvasOrigin) {\n  let opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n  const {\n    href,\n    url,\n    src,\n    title,\n    display_name,\n    alt_text,\n    isDecorativeImage,\n    link,\n    ...otherAttributes\n  } = image;\n  const imageSrc = Object(_common_fileUrl__WEBPACK_IMPORTED_MODULE_7__[\"absoluteToRelativeUrl\"])(href || url || src, canvasOrigin);\n  let altText = alt_text || title || display_name || '';\n\n  if (isDecorativeImage) {\n    altText = '';\n    otherAttributes.role = 'presentation';\n  }\n\n  const ret = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"img\", Object(_babel_runtime_corejs3_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    alt: altText,\n    src: imageSrc,\n    width: image.width,\n    height: image.height\n  }, otherAttributes));\n\n  if (link && !opts.doNotLink) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"a\", {\n      href: Object(_common_fileUrl__WEBPACK_IMPORTED_MODULE_7__[\"absoluteToRelativeUrl\"])(link, canvasOrigin),\n      target: \"_blank\",\n      rel: \"noopener noreferrer\"\n    }, ret);\n  }\n\n  return ret;\n}\nfunction renderImage(image, canvasOrigin, opts) {\n  image.href = Object(_common_fileUrl__WEBPACK_IMPORTED_MODULE_7__[\"prepEmbedSrc\"])(image.href);\n  return Object(react_dom_server__WEBPACK_IMPORTED_MODULE_2__[\"renderToStaticMarkup\"])(constructJSXImageElement(image, canvasOrigin, opts));\n}\nfunction renderVideo(video, canvasOrigin) {\n  const src = Object(_plugins_shared_fileTypeUtils__WEBPACK_IMPORTED_MODULE_6__[\"mediaPlayerURLFromFile\"])(video, canvasOrigin);\n  return `\n  <iframe\n      allow=\"fullscreen\"\n      allowfullscreen\n      data-media-id=\"${getMediaId(video)}\"\n      data-media-type=\"video\"\n      src=\"${src}\"\n      style=\"width:${_plugins_instructure_record_VideoOptionsTray_TrayController__WEBPACK_IMPORTED_MODULE_5__[\"VIDEO_SIZE_DEFAULT\"].width};height:${_plugins_instructure_record_VideoOptionsTray_TrayController__WEBPACK_IMPORTED_MODULE_5__[\"VIDEO_SIZE_DEFAULT\"].height};display:inline-block;\"\n      title=\"${Object(_format_message__WEBPACK_IMPORTED_MODULE_4__[\"default\"])('Video player for {title}', {\n    title: video.title || video.name || video.text\n  })}\"></iframe>\n  `.trim().replace(/\\s+/g, ' ');\n}\nfunction renderAudio(audio, canvasOrigin) {\n  const src = Object(_plugins_shared_fileTypeUtils__WEBPACK_IMPORTED_MODULE_6__[\"mediaPlayerURLFromFile\"])(audio, canvasOrigin);\n  return `\n  <iframe\n      data-media-id=\"${getMediaId(audio)}\"\n      data-media-type=\"audio\"\n      src=\"${src}\"\n      style=\"width:${_plugins_instructure_record_VideoOptionsTray_TrayController__WEBPACK_IMPORTED_MODULE_5__[\"AUDIO_PLAYER_SIZE\"].width};height:${_plugins_instructure_record_VideoOptionsTray_TrayController__WEBPACK_IMPORTED_MODULE_5__[\"AUDIO_PLAYER_SIZE\"].height};display:inline-block;\"\n      title=\"${Object(_format_message__WEBPACK_IMPORTED_MODULE_4__[\"default\"])('Audio player for {title}', {\n    title: audio.title || audio.name || audio.text\n  })}\"></iframe>\n  `.trim().replace(/\\s+/g, ' ');\n}\nfunction getMediaId(media) {\n  if (!media) return;\n  return media.media_id || media.media_entry_id || media.id || media.file_id;\n}\nfunction updateImage(editor, img, attrs) {\n  var _editor$rceWrapper;\n\n  // Workaround: When passing empty string to editor.dom.setAttribs it removes the attribute\n  img.setAttribute('alt', attrs.altText);\n  editor.dom.setAttribs(img, {\n    src: Object(_common_fileUrl__WEBPACK_IMPORTED_MODULE_7__[\"absoluteToRelativeUrl\"])(attrs.url, (_editor$rceWrapper = editor.rceWrapper) === null || _editor$rceWrapper === void 0 ? void 0 : _editor$rceWrapper.getCanvasUrl()),\n    role: attrs.isDecorativeImage ? 'presentation' : null,\n    width: attrs.appliedWidth,\n    height: attrs.appliedHeight\n  });\n}\n\n//# sourceURL=webpack:///./src/rce/contentRendering.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"renderLink\", function() { return renderLink; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"renderLinkedImage\", function() { return renderLinkedImage; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"constructJSXImageElement\", function() { return constructJSXImageElement; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"renderImage\", function() { return renderImage; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"renderVideo\", function() { return renderVideo; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"renderAudio\", function() { return renderAudio; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getMediaId\", function() { return getMediaId; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"updateImage\", function() { return updateImage; });\n/* harmony import */ var _babel_runtime_corejs3_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/esm/extends */ \"../../node_modules/@babel/runtime-corejs3/helpers/esm/extends.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react_dom_server__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-dom/server */ \"../../node_modules/react-dom/server.browser.js\");\n/* harmony import */ var react_dom_server__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_dom_server__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _contentInsertionUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./contentInsertionUtils */ \"./src/rce/contentInsertionUtils.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _plugins_instructure_record_VideoOptionsTray_TrayController__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./plugins/instructure_record/VideoOptionsTray/TrayController */ \"./src/rce/plugins/instructure_record/VideoOptionsTray/TrayController.js\");\n/* harmony import */ var _plugins_shared_fileTypeUtils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./plugins/shared/fileTypeUtils */ \"./src/rce/plugins/shared/fileTypeUtils.js\");\n/* harmony import */ var _common_fileUrl__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../common/fileUrl */ \"./src/common/fileUrl.js\");\n\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\n\n\nfunction renderLink(data, contents, canvasOrigin) {\n  const linkAttrs = { ...data\n  };\n  linkAttrs.href = Object(_common_fileUrl__WEBPACK_IMPORTED_MODULE_7__[\"prepLinkedSrc\"])(linkAttrs.href || linkAttrs.url);\n  delete linkAttrs.url;\n\n  if (linkAttrs.href) {\n    linkAttrs.href = Object(_common_fileUrl__WEBPACK_IMPORTED_MODULE_7__[\"absoluteToRelativeUrl\"])(Object(_contentInsertionUtils__WEBPACK_IMPORTED_MODULE_3__[\"cleanUrl\"])(linkAttrs.href), canvasOrigin);\n  }\n\n  linkAttrs.title = linkAttrs.title || Object(_format_message__WEBPACK_IMPORTED_MODULE_4__[\"default\"])('Link');\n  const children = contents || linkAttrs.text || linkAttrs.title;\n  delete linkAttrs.selectionDetails;\n  delete linkAttrs.text;\n  linkAttrs.className = linkAttrs.class;\n  delete linkAttrs.class; // renderToStaticMarkup isn't happy with bool attributes\n\n  Object.keys(linkAttrs).forEach(attr => {\n    if (typeof linkAttrs[attr] === 'boolean') linkAttrs[attr] = linkAttrs[attr].toString();\n  });\n  return Object(react_dom_server__WEBPACK_IMPORTED_MODULE_2__[\"renderToStaticMarkup\"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"a\", linkAttrs, children));\n}\nfunction renderLinkedImage(linkElem, image, canvasOrigin) {\n  const linkHref = linkElem.getAttribute('href');\n  image.href = Object(_common_fileUrl__WEBPACK_IMPORTED_MODULE_7__[\"prepEmbedSrc\"])(image.href, canvasOrigin);\n  return Object(react_dom_server__WEBPACK_IMPORTED_MODULE_2__[\"renderToStaticMarkup\"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"a\", {\n    href: Object(_common_fileUrl__WEBPACK_IMPORTED_MODULE_7__[\"absoluteToRelativeUrl\"])(linkHref, canvasOrigin),\n    \"data-mce-href\": linkHref\n  }, constructJSXImageElement(image, canvasOrigin, {\n    doNotLink: true\n  })));\n}\nfunction constructJSXImageElement(image, canvasOrigin) {\n  let opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n  const {\n    href,\n    url,\n    src,\n    title,\n    display_name,\n    alt_text,\n    isDecorativeImage,\n    link,\n    ...otherAttributes\n  } = image;\n  const imageSrc = Object(_common_fileUrl__WEBPACK_IMPORTED_MODULE_7__[\"absoluteToRelativeUrl\"])(href || url || src, canvasOrigin);\n  let altText = alt_text || title || display_name || '';\n\n  if (isDecorativeImage) {\n    altText = '';\n    otherAttributes.role = 'presentation';\n  }\n\n  const ret = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"img\", Object(_babel_runtime_corejs3_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    alt: altText,\n    src: imageSrc,\n    width: image.width,\n    height: image.height\n  }, otherAttributes));\n\n  if (link && !opts.doNotLink) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"a\", {\n      href: Object(_common_fileUrl__WEBPACK_IMPORTED_MODULE_7__[\"absoluteToRelativeUrl\"])(link, canvasOrigin),\n      target: \"_blank\",\n      rel: \"noopener noreferrer\"\n    }, ret);\n  }\n\n  return ret;\n}\nfunction renderImage(image, canvasOrigin, opts) {\n  image.href = Object(_common_fileUrl__WEBPACK_IMPORTED_MODULE_7__[\"prepEmbedSrc\"])(image.href, canvasOrigin);\n  return Object(react_dom_server__WEBPACK_IMPORTED_MODULE_2__[\"renderToStaticMarkup\"])(constructJSXImageElement(image, canvasOrigin, opts));\n}\nfunction renderVideo(video, canvasOrigin) {\n  const src = Object(_plugins_shared_fileTypeUtils__WEBPACK_IMPORTED_MODULE_6__[\"mediaPlayerURLFromFile\"])(video, canvasOrigin);\n  return `\n  <iframe\n      allow=\"fullscreen\"\n      allowfullscreen\n      data-media-id=\"${getMediaId(video)}\"\n      data-media-type=\"video\"\n      src=\"${src}\"\n      style=\"width:${_plugins_instructure_record_VideoOptionsTray_TrayController__WEBPACK_IMPORTED_MODULE_5__[\"VIDEO_SIZE_DEFAULT\"].width};height:${_plugins_instructure_record_VideoOptionsTray_TrayController__WEBPACK_IMPORTED_MODULE_5__[\"VIDEO_SIZE_DEFAULT\"].height};display:inline-block;\"\n      title=\"${Object(_format_message__WEBPACK_IMPORTED_MODULE_4__[\"default\"])('Video player for {title}', {\n    title: video.title || video.name || video.text\n  })}\"></iframe>\n  `.trim().replace(/\\s+/g, ' ');\n}\nfunction renderAudio(audio, canvasOrigin) {\n  const src = Object(_plugins_shared_fileTypeUtils__WEBPACK_IMPORTED_MODULE_6__[\"mediaPlayerURLFromFile\"])(audio, canvasOrigin);\n  return `\n  <iframe\n      data-media-id=\"${getMediaId(audio)}\"\n      data-media-type=\"audio\"\n      src=\"${src}\"\n      style=\"width:${_plugins_instructure_record_VideoOptionsTray_TrayController__WEBPACK_IMPORTED_MODULE_5__[\"AUDIO_PLAYER_SIZE\"].width};height:${_plugins_instructure_record_VideoOptionsTray_TrayController__WEBPACK_IMPORTED_MODULE_5__[\"AUDIO_PLAYER_SIZE\"].height};display:inline-block;\"\n      title=\"${Object(_format_message__WEBPACK_IMPORTED_MODULE_4__[\"default\"])('Audio player for {title}', {\n    title: audio.title || audio.name || audio.text\n  })}\"></iframe>\n  `.trim().replace(/\\s+/g, ' ');\n}\nfunction getMediaId(media) {\n  if (!media) return;\n  return media.media_id || media.media_entry_id || media.id || media.file_id;\n}\nfunction updateImage(editor, img, attrs) {\n  var _editor$rceWrapper;\n\n  // Workaround: When passing empty string to editor.dom.setAttribs it removes the attribute\n  img.setAttribute('alt', attrs.altText);\n  editor.dom.setAttribs(img, {\n    src: Object(_common_fileUrl__WEBPACK_IMPORTED_MODULE_7__[\"absoluteToRelativeUrl\"])(attrs.url, (_editor$rceWrapper = editor.rceWrapper) === null || _editor$rceWrapper === void 0 ? void 0 : _editor$rceWrapper.getCanvasUrl()),\n    role: attrs.isDecorativeImage ? 'presentation' : null,\n    width: attrs.appliedWidth,\n    height: attrs.appliedHeight\n  });\n}\n\n//# sourceURL=webpack:///./src/rce/contentRendering.js?");
 
 /***/ }),
 
@@ -17838,11 +17838,11 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _for
 /*!*********************************************************************!*\
   !*** ./src/rce/plugins/instructure_wordcount/utils/countContent.ts ***!
   \*********************************************************************/
-/*! exports provided: IGNORE_ATTRIBUTE, countWords, countCharsNoSpaces, countChars, callbackForCategory, countShouldIgnore, getTinymceCount, countContent */
+/*! exports provided: IGNORE_WORDCOUNT_ATTRIBUTE, countWords, countCharsNoSpaces, countChars, callbackForCategory, countShouldIgnore, getTinymceCount, countContent */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"IGNORE_ATTRIBUTE\", function() { return IGNORE_ATTRIBUTE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"countWords\", function() { return countWords; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"countCharsNoSpaces\", function() { return countCharsNoSpaces; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"countChars\", function() { return countChars; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"callbackForCategory\", function() { return callbackForCategory; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"countShouldIgnore\", function() { return countShouldIgnore; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getTinymceCount\", function() { return getTinymceCount; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"countContent\", function() { return countContent; });\n/*\n * Copyright (C) 2022 - 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 */\nconst IGNORE_ATTRIBUTE = 'data-ignore-wordcount';\nconst countWords = node => {\n  if (node.getAttribute(IGNORE_ATTRIBUTE) === 'chars-only') return 0;\n  const textContent = (node === null || node === void 0 ? void 0 : node.innerText) || '';\n  const trimmedTextContent = textContent.trim();\n  if (trimmedTextContent.length === 0) return 0;\n  return trimmedTextContent.split(/\\s+/).length;\n};\nconst countCharsNoSpaces = node => {\n  const textContent = (node === null || node === void 0 ? void 0 : node.innerText) || '';\n  const matches = textContent.match(/ /g); // a single space\n\n  const spaces = matches ? matches.length : 0;\n  return countChars(node) - spaces;\n};\nconst countChars = node => {\n  const textContent = (node === null || node === void 0 ? void 0 : node.innerText) || '';\n  const iterator = textContent[Symbol.iterator]();\n  let count = 0;\n\n  while (!iterator.next().done) {\n    count++;\n  }\n\n  return count;\n};\nconst callbackForCategory = category => {\n  switch (category) {\n    case 'words':\n      return countWords;\n\n    case 'chars-no-spaces':\n      return countCharsNoSpaces;\n\n    case 'chars':\n      return countChars;\n  }\n};\nconst countShouldIgnore = (ed, scope, category) => {\n  if (scope === 'selection') return 0;\n  const nodesToCount = Array.from(ed.getBody().querySelectorAll(`[${IGNORE_ATTRIBUTE}]`));\n  const callback = callbackForCategory(category);\n  return nodesToCount.reduce((total, node) => total + callback(node), 0);\n};\nconst getTinymceCount = (ed, scope, category) => {\n  const wc = ed.plugins.wordcount[scope];\n\n  switch (category) {\n    case 'words':\n      return wc.getWordCount();\n\n    case 'chars-no-spaces':\n      return wc.getCharacterCountWithoutSpaces();\n\n    case 'chars':\n      return wc.getCharacterCount();\n  }\n};\nconst countContent = (ed, scope, category) => {\n  return getTinymceCount(ed, scope, category) - countShouldIgnore(ed, scope, category);\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_wordcount/utils/countContent.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"IGNORE_WORDCOUNT_ATTRIBUTE\", function() { return IGNORE_WORDCOUNT_ATTRIBUTE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"countWords\", function() { return countWords; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"countCharsNoSpaces\", function() { return countCharsNoSpaces; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"countChars\", function() { return countChars; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"callbackForCategory\", function() { return callbackForCategory; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"countShouldIgnore\", function() { return countShouldIgnore; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getTinymceCount\", function() { return getTinymceCount; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"countContent\", function() { return countContent; });\n/*\n * Copyright (C) 2022 - 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 */\nconst IGNORE_WORDCOUNT_ATTRIBUTE = 'data-ignore-wordcount';\nconst countWords = node => {\n  if (node.getAttribute(IGNORE_WORDCOUNT_ATTRIBUTE) === 'chars-only') return 0;\n  const textContent = (node === null || node === void 0 ? void 0 : node.innerText) || '';\n  const trimmedTextContent = textContent.trim();\n  if (trimmedTextContent.length === 0) return 0;\n  return trimmedTextContent.split(/\\s+/).length;\n};\nconst countCharsNoSpaces = node => {\n  const textContent = (node === null || node === void 0 ? void 0 : node.innerText) || '';\n  const matches = textContent.match(/ /g); // a single space\n\n  const spaces = matches ? matches.length : 0;\n  return countChars(node) - spaces;\n};\nconst countChars = node => {\n  const textContent = (node === null || node === void 0 ? void 0 : node.innerText) || '';\n  const iterator = textContent[Symbol.iterator]();\n  let count = 0;\n\n  while (!iterator.next().done) {\n    count++;\n  }\n\n  return count;\n};\nconst callbackForCategory = category => {\n  switch (category) {\n    case 'words':\n      return countWords;\n\n    case 'chars-no-spaces':\n      return countCharsNoSpaces;\n\n    case 'chars':\n      return countChars;\n  }\n};\nconst countShouldIgnore = (ed, scope, category) => {\n  if (scope === 'selection') return 0;\n  const nodesToCount = Array.from(ed.getBody().querySelectorAll(`[${IGNORE_WORDCOUNT_ATTRIBUTE}]`));\n  const callback = callbackForCategory(category);\n  return nodesToCount.reduce((total, node) => total + callback(node), 0);\n};\nconst getTinymceCount = (ed, scope, category) => {\n  const wc = ed.plugins.wordcount[scope];\n\n  switch (category) {\n    case 'words':\n      return wc.getWordCount();\n\n    case 'chars-no-spaces':\n      return wc.getCharacterCountWithoutSpaces();\n\n    case 'chars':\n      return wc.getCharacterCount();\n  }\n};\nconst countContent = (ed, scope, category) => {\n  return getTinymceCount(ed, scope, category) - countShouldIgnore(ed, scope, category);\n};\n\n//# sourceURL=webpack:///./src/rce/plugins/instructure_wordcount/utils/countContent.ts?");
 
 /***/ }),
 
@@ -17854,7 +17854,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 CanvasContentTray; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"trayPropTypes\", function() { return trayPropTypes; });\n/* harmony import */ var _babel_runtime_corejs3_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/esm/extends */ \"../../node_modules/@babel/runtime-corejs3/helpers/esm/extends.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\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_buttons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @instructure/ui-buttons */ \"../../node_modules/@instructure/ui-buttons/es/index.js\");\n/* harmony import */ var _instructure_ui_heading__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/ui-heading */ \"../../node_modules/@instructure/ui-heading/es/index.js\");\n/* harmony import */ var _instructure_ui_spinner__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @instructure/ui-spinner */ \"../../node_modules/@instructure/ui-spinner/es/index.js\");\n/* harmony import */ var _instructure_ui_flex__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @instructure/ui-flex */ \"../../node_modules/@instructure/ui-flex/es/index.js\");\n/* harmony import */ var _ErrorBoundary__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./ErrorBoundary */ \"./src/rce/plugins/shared/ErrorBoundary.js\");\n/* harmony import */ var _bridge_Bridge__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../bridge/Bridge */ \"./src/bridge/Bridge.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _Filter__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Filter */ \"./src/rce/plugins/shared/Filter.js\");\n/* harmony import */ var _StoreContext__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./StoreContext */ \"./src/rce/plugins/shared/StoreContext.js\");\n/* harmony import */ var _trayUtils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./trayUtils */ \"./src/rce/plugins/shared/trayUtils.js\");\n/* harmony import */ var _instructure_icon_maker_svg_constants__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../instructure_icon_maker/svg/constants */ \"./src/rce/plugins/instructure_icon_maker/svg/constants.js\");\n/* harmony import */ var _ContentSelection__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./ContentSelection */ \"./src/rce/plugins/shared/ContentSelection.js\");\n/* harmony import */ var _linkUtils__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./linkUtils */ \"./src/rce/plugins/shared/linkUtils.js\");\n/* harmony import */ var _LinkDisplay__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./LinkDisplay */ \"./src/rce/plugins/shared/LinkDisplay.js\");\n\n\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\n\n/**\n * Returns the translated tray label\n * @param {string} contentType - The type of content showing on tray\n * @param {string} contentSubtype - The current subtype of content loaded in the tray\n * @param {string} contextType - The user's context\n * @returns {string}\n */\n\nfunction getTrayLabel(contentType, contentSubtype, contextType) {\n  if (contentType === 'links' && contextType === 'course') {\n    return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Course Links');\n  } else if (contentType === 'links' && contextType === 'group') {\n    return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Group Links');\n  }\n\n  switch (contentSubtype) {\n    case _instructure_icon_maker_svg_constants__WEBPACK_IMPORTED_MODULE_14__[\"ICON_MAKER_ICONS\"]:\n      return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Icon Maker Icons');\n\n    case 'images':\n      if (contentType === 'course_files') return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Course Images');\n      if (contentType === 'group_files') return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Group Images');\n      return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('User Images');\n\n    case 'media':\n      if (contentType === 'course_files') return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Course Media');\n      if (contentType === 'group_files') return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Group Media');\n      return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('User Media');\n\n    case 'documents':\n      if (contentType === 'course_files') return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Course Documents');\n      if (contentType === 'group_files') return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Group Documents');\n      return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('User Documents');\n\n    default:\n      return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Tray');\n    // Shouldn't ever get here\n  }\n}\n\nconst thePanels = {\n  icon_maker_icons: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.lazy(() => Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(3), __webpack_require__.e(1), __webpack_require__.e(32)]).then(__webpack_require__.bind(null, /*! ../instructure_icon_maker/components/SavedIconMakerList */ \"./src/rce/plugins/instructure_icon_maker/components/SavedIconMakerList.js\"))),\n  links: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.lazy(() => Promise.all(/*! import() */[__webpack_require__.e(2), __webpack_require__.e(28)]).then(__webpack_require__.bind(null, /*! ../instructure_links/components/LinksPanel */ \"./src/rce/plugins/instructure_links/components/LinksPanel.js\"))),\n  images: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.lazy(() => Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(3), __webpack_require__.e(1), __webpack_require__.e(35)]).then(__webpack_require__.bind(null, /*! ../instructure_image/Images */ \"./src/rce/plugins/instructure_image/Images/index.js\"))),\n  documents: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.lazy(() => Promise.all(/*! import() */[__webpack_require__.e(1), __webpack_require__.e(33)]).then(__webpack_require__.bind(null, /*! ../instructure_documents/components/DocumentsPanel */ \"./src/rce/plugins/instructure_documents/components/DocumentsPanel.js\"))),\n  media: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.lazy(() => Promise.all(/*! import() */[__webpack_require__.e(1), __webpack_require__.e(34)]).then(__webpack_require__.bind(null, /*! ../instructure_record/MediaPanel */ \"./src/rce/plugins/instructure_record/MediaPanel/index.js\"))),\n  all: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.lazy(() => Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(29), __webpack_require__.e(36)]).then(__webpack_require__.bind(null, /*! ./RceFileBrowser */ \"./src/rce/plugins/shared/RceFileBrowser.js\"))),\n  unknown: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.lazy(() => __webpack_require__.e(/*! import() */ 75).then(__webpack_require__.bind(null, /*! ./UnknownFileTypePanel */ \"./src/rce/plugins/shared/UnknownFileTypePanel.js\")))\n}; // Returns a Suspense wrapped lazy loaded component\n// pulled from useLazy's cache\n\nfunction DynamicPanel(props) {\n  let key = '';\n\n  if (props.contentType === 'links') {\n    key = 'links';\n  } else {\n    key = props.contentSubtype in thePanels ? props.contentSubtype : 'unknown';\n  }\n\n  const Component = thePanels[key];\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_1__[\"Suspense\"], {\n    fallback: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_spinner__WEBPACK_IMPORTED_MODULE_6__[\"Spinner\"], {\n      renderTitle: renderLoading,\n      size: \"large\"\n    })\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(Component, props));\n}\n\nfunction renderLoading() {\n  return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Loading');\n}\n\nconst FILTER_SETTINGS_BY_PLUGIN = {\n  user_documents: {\n    contextType: 'user',\n    contentType: 'user_files',\n    contentSubtype: 'documents',\n    sortValue: 'date_added',\n    sortDir: 'desc',\n    searchString: ''\n  },\n  course_documents: {\n    contextType: 'course',\n    contentType: 'course_files',\n    contentSubtype: 'documents',\n    sortValue: 'date_added',\n    sortDir: 'desc',\n    searchString: ''\n  },\n  group_documents: {\n    contextType: 'group',\n    contentType: 'group_files',\n    contentSubtype: 'documents',\n    sortValue: 'date_added',\n    sortDir: 'desc',\n    searchString: ''\n  },\n  user_images: {\n    contextType: 'user',\n    contentType: 'user_files',\n    contentSubtype: 'images',\n    sortValue: 'date_added',\n    sortDir: 'desc',\n    searchString: ''\n  },\n  course_images: {\n    contextType: 'course',\n    contentType: 'course_files',\n    contentSubtype: 'images',\n    sortValue: 'date_added',\n    sortDir: 'desc',\n    searchString: ''\n  },\n  group_images: {\n    contextType: 'group',\n    contentType: 'group_files',\n    contentSubtype: 'images',\n    sortValue: 'date_added',\n    sortDir: 'desc',\n    searchString: ''\n  },\n  user_media: {\n    contextType: 'user',\n    contentType: 'user_files',\n    contentSubtype: 'media',\n    sortValue: 'date_added',\n    sortDir: 'desc',\n    searchString: ''\n  },\n  course_media: {\n    contextType: 'course',\n    contentType: 'course_files',\n    contentSubtype: 'media',\n    sortValue: 'date_added',\n    sortDir: 'desc',\n    searchString: ''\n  },\n  group_media: {\n    contextType: 'group',\n    contentType: 'group_files',\n    contentSubtype: 'media',\n    sortValue: 'date_added',\n    sortDir: 'desc',\n    searchString: ''\n  },\n  course_links: {\n    contextType: 'course',\n    contentType: 'links',\n    contentSubtype: 'all',\n    sortValue: 'date_added',\n    sortDir: 'desc',\n    searchString: ''\n  },\n  course_link_edit: {\n    contextType: 'course',\n    contentType: 'links',\n    contentSubtype: 'edit',\n    sortValue: 'date_added',\n    sortDir: 'desc',\n    searchString: ''\n  },\n  group_links: {\n    contextType: 'group',\n    contentType: 'links',\n    contentSubtype: 'all',\n    sortValue: 'date_added',\n    sortDir: 'desc',\n    searchString: ''\n  },\n  list_icon_maker_icons: {\n    contextType: 'course',\n    contentType: 'course_files',\n    contentSubtype: _instructure_icon_maker_svg_constants__WEBPACK_IMPORTED_MODULE_14__[\"ICON_MAKER_ICONS\"],\n    sortValue: 'date_added',\n    sortDir: 'desc',\n    searchString: ''\n  },\n  all: {\n    contextType: 'course',\n    contentType: 'course_files',\n    contentSubtype: 'all',\n    sortValue: 'alphabetical',\n    sortDir: 'asc',\n    searchString: ''\n  }\n};\n\nfunction isLoading(cprops) {\n  var _cprops$collections$a, _cprops$collections$a2, _cprops$collections$d, _cprops$collections$m, _cprops$collections$q, _cprops$collections$w, _cprops$documents$cou, _cprops$documents$use, _cprops$documents$gro, _cprops$media$course, _cprops$media$user, _cprops$media$group, _cprops$all_files;\n\n  return ((_cprops$collections$a = cprops.collections.announcements) === null || _cprops$collections$a === void 0 ? void 0 : _cprops$collections$a.isLoading) || ((_cprops$collections$a2 = cprops.collections.assignments) === null || _cprops$collections$a2 === void 0 ? void 0 : _cprops$collections$a2.isLoading) || ((_cprops$collections$d = cprops.collections.discussions) === null || _cprops$collections$d === void 0 ? void 0 : _cprops$collections$d.isLoading) || ((_cprops$collections$m = cprops.collections.modules) === null || _cprops$collections$m === void 0 ? void 0 : _cprops$collections$m.isLoading) || ((_cprops$collections$q = cprops.collections.quizzes) === null || _cprops$collections$q === void 0 ? void 0 : _cprops$collections$q.isLoading) || ((_cprops$collections$w = cprops.collections.wikiPages) === null || _cprops$collections$w === void 0 ? void 0 : _cprops$collections$w.isLoading) || ((_cprops$documents$cou = cprops.documents.course) === null || _cprops$documents$cou === void 0 ? void 0 : _cprops$documents$cou.isLoading) || ((_cprops$documents$use = cprops.documents.user) === null || _cprops$documents$use === void 0 ? void 0 : _cprops$documents$use.isLoading) || ((_cprops$documents$gro = cprops.documents.group) === null || _cprops$documents$gro === void 0 ? void 0 : _cprops$documents$gro.isLoading) || ((_cprops$media$course = cprops.media.course) === null || _cprops$media$course === void 0 ? void 0 : _cprops$media$course.isLoading) || ((_cprops$media$user = cprops.media.user) === null || _cprops$media$user === void 0 ? void 0 : _cprops$media$user.isLoading) || ((_cprops$media$group = cprops.media.group) === null || _cprops$media$group === void 0 ? void 0 : _cprops$media$group.isLoading) || ((_cprops$all_files = cprops.all_files) === null || _cprops$all_files === void 0 ? void 0 : _cprops$all_files.isLoading);\n}\n/**\n * This component is used within various plugins to handle loading in content\n * from Canvas.  It is essentially the main component.\n */\n\n\nfunction CanvasContentTray(props) {\n  // should the tray be rendered open?\n  const [isOpen, setIsOpen] = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useState\"])(false); // has the tray fully opened. we use this to defer rendering the content\n  // until the tray is open.\n\n  const [hasOpened, setHasOpened] = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useState\"])(false); // should we close the tray after the user clicks on something in it?\n\n  const [hidingTrayOnAction, setHidingTrayOnAction] = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useState\"])(true);\n  const trayRef = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useRef\"])(null);\n  const scrollingAreaRef = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useRef\"])(null);\n  const [filterSettings, setFilterSettings] = Object(_Filter__WEBPACK_IMPORTED_MODULE_11__[\"useFilterSettings\"])();\n  const [isEditTray, setIsEditTray] = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useState\"])(false);\n  const [link, setLink] = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useState\"])(null);\n  const [linkText, setLinkText] = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useState\"])(null);\n  const [placeholderText, setPlaceholderText] = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useState\"])(null);\n  const Icon = Object(_linkUtils__WEBPACK_IMPORTED_MODULE_16__[\"getIcon\"])(link === null || link === void 0 ? void 0 : link.type);\n  const {\n    bridge,\n    editor,\n    onTrayClosing\n  } = { ...props\n  };\n  const handleDismissTray = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useCallback\"])(() => {\n    // return focus to the RCE if focus was on this tray\n    if (trayRef.current && trayRef.current.contains(document.activeElement)) {\n      bridge.focusActiveEditor(false);\n    }\n\n    onTrayClosing && onTrayClosing(CanvasContentTray.globalOpenCount); // tell RCEWrapper we're closing if we're open\n\n    setIsOpen(false);\n  }, [bridge, onTrayClosing]);\n  Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useEffect\"])(() => {\n    const controller = {\n      showTrayForPlugin(plugin) {\n        // increment a counter that's used as the key when rendering\n        // this gets us a new instance everytime, which is necessary\n        // to get the queries run so we have up to date data.\n        ++CanvasContentTray.globalOpenCount;\n        setFilterSettings(FILTER_SETTINGS_BY_PLUGIN[plugin]);\n        setIsOpen(true);\n\n        if (plugin === 'course_link_edit') {\n          setIsEditTray(true);\n          const {\n            fileName,\n            contentType,\n            url,\n            published,\n            text\n          } = Object(_ContentSelection__WEBPACK_IMPORTED_MODULE_15__[\"getLinkContentFromEditor\"])(editor.editor);\n          setLink({\n            title: fileName,\n            type: contentType,\n            href: url,\n            published\n          });\n          setLinkText(text);\n          setPlaceholderText(text);\n        } else {\n          setIsEditTray(false);\n        }\n      },\n\n      hideTray(forceClose) {\n        if (forceClose || hidingTrayOnAction) {\n          handleDismissTray();\n        }\n      }\n\n    };\n    bridge.attachController(controller, editor.id);\n    return () => {\n      bridge.detachController(editor.id);\n    }; // it's OK the setFilterSettings is not a dependency\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor.id, bridge, handleDismissTray, hidingTrayOnAction]);\n  Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useEffect\"])(() => {\n    if (hasOpened && scrollingAreaRef.current && !scrollingAreaRef.current.style.overscrollBehaviorY) {\n      scrollingAreaRef.current.style.overscrollBehaviorY = 'contain';\n    }\n  }, [hasOpened]);\n\n  function handleOpenTray() {\n    bridge.focusEditor(editor);\n    setHasOpened(true);\n  }\n\n  function handleExitTray() {\n    onTrayClosing && onTrayClosing(true); // tell RCEWrapper we're closing\n  }\n\n  function handleCloseTray() {\n    setHasOpened(false);\n    onTrayClosing && onTrayClosing(false); // tell RCEWrapper we're closed\n  }\n\n  function handleReplaceButton() {\n    handleDismissTray();\n    const newLink = { ...link,\n      forceRename: true,\n      text: linkText || placeholderText\n    };\n    bridge.insertLink(newLink);\n  }\n\n  function renderFooter() {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_7__[\"Flex\"].Item, {\n      background: \"secondary\",\n      borderWidth: \"small none none none\",\n      padding: \"small medium\",\n      textAlign: \"end\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_4__[\"Button\"], {\n      onClick: handleDismissTray\n    }, Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Cancel')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_4__[\"Button\"], {\n      margin: \"0 0 0 x-small\",\n      color: \"primary\",\n      onClick: handleReplaceButton,\n      \"data-testid\": \"replace-link-button\"\n    }, Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Replace')));\n  }\n\n  function handleFilterChange(newFilter, onChangeContext, onChangeSearchString, onChangeSortBy) {\n    const newFilterSettings = { ...newFilter\n    };\n\n    if (newFilterSettings.sortValue) {\n      newFilterSettings.sortDir = newFilterSettings.sortValue === 'alphabetical' ? 'asc' : 'desc';\n      onChangeSortBy({\n        sort: newFilterSettings.sortValue,\n        dir: newFilterSettings.sortDir\n      });\n    }\n\n    if ('searchString' in newFilterSettings && filterSettings.searchString !== newFilterSettings.searchString) {\n      onChangeSearchString(newFilterSettings.searchString);\n    }\n\n    setFilterSettings(newFilterSettings);\n\n    if (newFilterSettings.contentType) {\n      let contextType, contextId;\n\n      switch (newFilterSettings.contentType) {\n        case 'user_files':\n          contextType = 'user';\n          contextId = props.containingContext.userId;\n          break;\n\n        case 'group_files':\n          contextType = 'group';\n          contextId = props.containingContext.contextId;\n          break;\n\n        case 'course_files':\n          contextType = props.contextType;\n          contextId = props.containingContext.contextId;\n          break;\n\n        case 'links':\n          contextType = props.containingContext.contextType;\n          contextId = props.containingContext.contextId;\n      }\n\n      onChangeContext({\n        contextType,\n        contextId\n      });\n    }\n  }\n\n  function getHeader() {\n    return isEditTray ? Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Edit Course Link') : Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Add');\n  }\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_StoreContext__WEBPACK_IMPORTED_MODULE_12__[\"StoreProvider\"], Object(_babel_runtime_corejs3_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, props, {\n    key: CanvasContentTray.globalOpenCount,\n    contextType: filterSettings.contextType || props.contextType\n  }), contentProps => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_tray__WEBPACK_IMPORTED_MODULE_3__[\"Tray\"], {\n    \"data-mce-component\": true,\n    \"data-testid\": \"CanvasContentTray\",\n    label: getTrayLabel(filterSettings.contentType, filterSettings.contentSubtype, contentProps.contextType),\n    open: isOpen,\n    placement: \"end\",\n    size: \"regular\",\n    shouldContainFocus: true,\n    shouldReturnFocus: false,\n    shouldCloseOnDocumentClick: false,\n    onDismiss: handleDismissTray,\n    onClose: handleCloseTray,\n    onExit: handleExitTray,\n    onOpen: handleOpenTray,\n    onEntered: () => {\n      const c = document.querySelector('[role=\"main\"]');\n      let target_w = 0;\n\n      if (c) {\n        var _trayRef$current;\n\n        const margin = window.getComputedStyle(c).direction === 'ltr' ? document.body.getBoundingClientRect().right - c.getBoundingClientRect().right : c.getBoundingClientRect().left;\n        target_w = c.offsetWidth - ((_trayRef$current = trayRef.current) === null || _trayRef$current === void 0 ? void 0 : _trayRef$current.offsetWidth) + margin;\n\n        if (target_w >= 320 && target_w < c.offsetWidth) {\n          c.style.boxSizing = 'border-box';\n          c.style.width = `${target_w}px`;\n        }\n      }\n\n      setHidingTrayOnAction(target_w < 320);\n    },\n    onExiting: () => {\n      const c = document.querySelector('[role=\"main\"]');\n      if (c) c.style.width = '';\n    },\n    onExited: () => console.log('exited'),\n    contentRef: el => trayRef.current = el\n  }, isOpen && hasOpened ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_7__[\"Flex\"], {\n    direction: \"column\",\n    as: \"div\",\n    height: Object(_trayUtils__WEBPACK_IMPORTED_MODULE_13__[\"getTrayHeight\"])(),\n    overflowY: \"hidden\",\n    tabIndex: \"-1\",\n    \"data-canvascontenttray-content\": true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_7__[\"Flex\"].Item, {\n    padding: \"medium\",\n    shadow: \"above\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_7__[\"Flex\"], {\n    margin: \"none none medium none\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_7__[\"Flex\"].Item, {\n    shouldgrow: true,\n    shouldshrink: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_heading__WEBPACK_IMPORTED_MODULE_5__[\"Heading\"], {\n    level: \"h2\"\n  }, getHeader())), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_7__[\"Flex\"].Item, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_4__[\"CloseButton\"], {\n    placement: \"end\",\n    onClick: handleDismissTray,\n    \"data-testid\": \"CloseButton_ContentTray\",\n    screenReaderLabel: Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Close')\n  }))), isEditTray && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_LinkDisplay__WEBPACK_IMPORTED_MODULE_17__[\"LinkDisplay\"], {\n    linkText: linkText,\n    Icon: Icon,\n    placeholderText: placeholderText,\n    linkFileName: (link === null || link === void 0 ? void 0 : link.title) || '',\n    published: (link === null || link === void 0 ? void 0 : link.published) || false,\n    handleTextChange: setLinkText\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_Filter__WEBPACK_IMPORTED_MODULE_11__[\"default\"], Object(_babel_runtime_corejs3_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, filterSettings, {\n    userContextType: props.contextType,\n    containingContextType: props.containingContext.contextType,\n    onChange: newFilter => {\n      handleFilterChange(newFilter, contentProps.onChangeContext, contentProps.onChangeSearchString, contentProps.onChangeSortBy);\n    },\n    isContentLoading: isLoading(contentProps),\n    use_rce_icon_maker: props.use_rce_icon_maker\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_7__[\"Flex\"].Item, {\n    grow: true,\n    shrink: true,\n    margin: \"xx-small xxx-small 0\",\n    elementRef: el => scrollingAreaRef.current = el\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_7__[\"Flex\"], {\n    justifyItems: \"space-between\",\n    direction: \"column\",\n    height: \"100%\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_7__[\"Flex\"].Item, {\n    shouldGrow: true,\n    shouldShrink: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_ErrorBoundary__WEBPACK_IMPORTED_MODULE_8__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(DynamicPanel, Object(_babel_runtime_corejs3_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    contentType: filterSettings.contentType,\n    contentSubtype: filterSettings.contentSubtype,\n    sortBy: {\n      sort: filterSettings.sortValue,\n      order: filterSettings.sortDir\n    },\n    searchString: filterSettings.searchString,\n    source: props.source,\n    canvasOrigin: props.canvasOrigin,\n    jwt: props.jwt,\n    host: props.host,\n    refreshToken: props.refreshToken,\n    context: {\n      type: props.contextType,\n      id: props.contextId\n    },\n    editing: isEditTray,\n    onEditClick: setLink\n  }, contentProps)))), isEditTray && renderFooter()))) : null));\n}\nCanvasContentTray.globalOpenCount = 0;\n\nfunction requiredWithoutSource(props, propName, componentName) {\n  if (props.source == null && props[propName] == null) {\n    throw new Error(`The prop \\`${propName}\\` is marked as required in \\`${componentName}\\`, but its value is \\`${props[propName]}\\`.`);\n  }\n}\n\nconst trayPropsMap = {\n  canUploadFiles: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"bool\"].isRequired,\n  contextId: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"string\"].isRequired,\n  // initial value indicating the user's context (e.g. student v teacher), not the tray's\n  contextType: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"string\"].isRequired,\n  // initial value indicating the user's context, not the tray's\n  containingContext: Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"shape\"])({\n    contextType: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"string\"].isRequired,\n    contextId: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"string\"].isRequired,\n    userId: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"string\"].isRequired\n  }),\n  filesTabDisabled: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"bool\"],\n  host: requiredWithoutSource,\n  jwt: requiredWithoutSource,\n  refreshToken: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"func\"],\n  source: Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"shape\"])({\n    fetchImages: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"func\"].isRequired\n  }),\n  themeUrl: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"string\"]\n};\nconst trayPropTypes = Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"shape\"])(trayPropsMap);\nCanvasContentTray.propTypes = {\n  bridge: Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"instanceOf\"])(_bridge_Bridge__WEBPACK_IMPORTED_MODULE_9__[\"default\"]).isRequired,\n  editor: Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"shape\"])({\n    id: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"string\"]\n  }).isRequired,\n  onTrayClosing: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"func\"],\n  // called with true when the tray starts closing, false once closed\n  onEditClick: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"func\"],\n  ...trayPropsMap\n}; // the way we define trayProps, eslint doesn't recognize the following as props\n\n/* eslint-disable react/default-props-match-prop-types */\n\nCanvasContentTray.defaultProps = {\n  canUploadFiles: false,\n  filesTabDisabled: false,\n  refreshToken: null,\n  source: null,\n  themeUrl: null\n};\n/* eslint-enable react/default-props-match-prop-types */\n\n//# sourceURL=webpack:///./src/rce/plugins/shared/CanvasContentTray.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return CanvasContentTray; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"trayPropTypes\", function() { return trayPropTypes; });\n/* harmony import */ var _babel_runtime_corejs3_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs3/helpers/esm/extends */ \"../../node_modules/@babel/runtime-corejs3/helpers/esm/extends.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\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_buttons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @instructure/ui-buttons */ \"../../node_modules/@instructure/ui-buttons/es/index.js\");\n/* harmony import */ var _instructure_ui_heading__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @instructure/ui-heading */ \"../../node_modules/@instructure/ui-heading/es/index.js\");\n/* harmony import */ var _instructure_ui_spinner__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @instructure/ui-spinner */ \"../../node_modules/@instructure/ui-spinner/es/index.js\");\n/* harmony import */ var _instructure_ui_flex__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @instructure/ui-flex */ \"../../node_modules/@instructure/ui-flex/es/index.js\");\n/* harmony import */ var _ErrorBoundary__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./ErrorBoundary */ \"./src/rce/plugins/shared/ErrorBoundary.js\");\n/* harmony import */ var _bridge_Bridge__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../bridge/Bridge */ \"./src/bridge/Bridge.js\");\n/* harmony import */ var _format_message__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../format-message */ \"./src/format-message.js\");\n/* harmony import */ var _Filter__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Filter */ \"./src/rce/plugins/shared/Filter.js\");\n/* harmony import */ var _StoreContext__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./StoreContext */ \"./src/rce/plugins/shared/StoreContext.js\");\n/* harmony import */ var _trayUtils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./trayUtils */ \"./src/rce/plugins/shared/trayUtils.js\");\n/* harmony import */ var _instructure_icon_maker_svg_constants__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../instructure_icon_maker/svg/constants */ \"./src/rce/plugins/instructure_icon_maker/svg/constants.js\");\n/* harmony import */ var _ContentSelection__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./ContentSelection */ \"./src/rce/plugins/shared/ContentSelection.js\");\n/* harmony import */ var _linkUtils__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./linkUtils */ \"./src/rce/plugins/shared/linkUtils.js\");\n/* harmony import */ var _LinkDisplay__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./LinkDisplay */ \"./src/rce/plugins/shared/LinkDisplay.js\");\n\n\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\n\n/**\n * Returns the translated tray label\n * @param {string} contentType - The type of content showing on tray\n * @param {string} contentSubtype - The current subtype of content loaded in the tray\n * @param {string} contextType - The user's context\n * @returns {string}\n */\n\nfunction getTrayLabel(contentType, contentSubtype, contextType) {\n  if (contentType === 'links' && contextType === 'course') {\n    return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Course Links');\n  } else if (contentType === 'links' && contextType === 'group') {\n    return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Group Links');\n  }\n\n  switch (contentSubtype) {\n    case _instructure_icon_maker_svg_constants__WEBPACK_IMPORTED_MODULE_14__[\"ICON_MAKER_ICONS\"]:\n      return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Icon Maker Icons');\n\n    case 'images':\n      if (contentType === 'course_files') return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Course Images');\n      if (contentType === 'group_files') return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Group Images');\n      return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('User Images');\n\n    case 'media':\n      if (contentType === 'course_files') return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Course Media');\n      if (contentType === 'group_files') return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Group Media');\n      return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('User Media');\n\n    case 'documents':\n      if (contentType === 'course_files') return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Course Documents');\n      if (contentType === 'group_files') return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Group Documents');\n      return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('User Documents');\n\n    default:\n      return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Tray');\n    // Shouldn't ever get here\n  }\n}\n\nconst thePanels = {\n  icon_maker_icons: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.lazy(() => Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(3), __webpack_require__.e(1), __webpack_require__.e(32)]).then(__webpack_require__.bind(null, /*! ../instructure_icon_maker/components/SavedIconMakerList */ \"./src/rce/plugins/instructure_icon_maker/components/SavedIconMakerList.js\"))),\n  links: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.lazy(() => Promise.all(/*! import() */[__webpack_require__.e(2), __webpack_require__.e(28)]).then(__webpack_require__.bind(null, /*! ../instructure_links/components/LinksPanel */ \"./src/rce/plugins/instructure_links/components/LinksPanel.js\"))),\n  images: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.lazy(() => Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(3), __webpack_require__.e(1), __webpack_require__.e(35)]).then(__webpack_require__.bind(null, /*! ../instructure_image/Images */ \"./src/rce/plugins/instructure_image/Images/index.js\"))),\n  documents: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.lazy(() => Promise.all(/*! import() */[__webpack_require__.e(1), __webpack_require__.e(33)]).then(__webpack_require__.bind(null, /*! ../instructure_documents/components/DocumentsPanel */ \"./src/rce/plugins/instructure_documents/components/DocumentsPanel.js\"))),\n  media: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.lazy(() => Promise.all(/*! import() */[__webpack_require__.e(1), __webpack_require__.e(34)]).then(__webpack_require__.bind(null, /*! ../instructure_record/MediaPanel */ \"./src/rce/plugins/instructure_record/MediaPanel/index.js\"))),\n  all: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.lazy(() => Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(29), __webpack_require__.e(36)]).then(__webpack_require__.bind(null, /*! ./RceFileBrowser */ \"./src/rce/plugins/shared/RceFileBrowser.js\"))),\n  unknown: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.lazy(() => __webpack_require__.e(/*! import() */ 75).then(__webpack_require__.bind(null, /*! ./UnknownFileTypePanel */ \"./src/rce/plugins/shared/UnknownFileTypePanel.js\")))\n}; // Returns a Suspense wrapped lazy loaded component\n// pulled from useLazy's cache\n\nfunction DynamicPanel(props) {\n  let key = '';\n\n  if (props.contentType === 'links') {\n    key = 'links';\n  } else {\n    key = props.contentSubtype in thePanels ? props.contentSubtype : 'unknown';\n  }\n\n  const Component = thePanels[key];\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_1__[\"Suspense\"], {\n    fallback: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_spinner__WEBPACK_IMPORTED_MODULE_6__[\"Spinner\"], {\n      renderTitle: renderLoading,\n      size: \"large\"\n    })\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(Component, props));\n}\n\nfunction renderLoading() {\n  return Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Loading');\n}\n\nconst FILTER_SETTINGS_BY_PLUGIN = {\n  user_documents: {\n    contextType: 'user',\n    contentType: 'user_files',\n    contentSubtype: 'documents',\n    sortValue: 'date_added',\n    sortDir: 'desc',\n    searchString: ''\n  },\n  course_documents: {\n    contextType: 'course',\n    contentType: 'course_files',\n    contentSubtype: 'documents',\n    sortValue: 'date_added',\n    sortDir: 'desc',\n    searchString: ''\n  },\n  group_documents: {\n    contextType: 'group',\n    contentType: 'group_files',\n    contentSubtype: 'documents',\n    sortValue: 'date_added',\n    sortDir: 'desc',\n    searchString: ''\n  },\n  user_images: {\n    contextType: 'user',\n    contentType: 'user_files',\n    contentSubtype: 'images',\n    sortValue: 'date_added',\n    sortDir: 'desc',\n    searchString: ''\n  },\n  course_images: {\n    contextType: 'course',\n    contentType: 'course_files',\n    contentSubtype: 'images',\n    sortValue: 'date_added',\n    sortDir: 'desc',\n    searchString: ''\n  },\n  group_images: {\n    contextType: 'group',\n    contentType: 'group_files',\n    contentSubtype: 'images',\n    sortValue: 'date_added',\n    sortDir: 'desc',\n    searchString: ''\n  },\n  user_media: {\n    contextType: 'user',\n    contentType: 'user_files',\n    contentSubtype: 'media',\n    sortValue: 'date_added',\n    sortDir: 'desc',\n    searchString: ''\n  },\n  course_media: {\n    contextType: 'course',\n    contentType: 'course_files',\n    contentSubtype: 'media',\n    sortValue: 'date_added',\n    sortDir: 'desc',\n    searchString: ''\n  },\n  group_media: {\n    contextType: 'group',\n    contentType: 'group_files',\n    contentSubtype: 'media',\n    sortValue: 'date_added',\n    sortDir: 'desc',\n    searchString: ''\n  },\n  course_links: {\n    contextType: 'course',\n    contentType: 'links',\n    contentSubtype: 'all',\n    sortValue: 'date_added',\n    sortDir: 'desc',\n    searchString: ''\n  },\n  course_link_edit: {\n    contextType: 'course',\n    contentType: 'links',\n    contentSubtype: 'edit',\n    sortValue: 'date_added',\n    sortDir: 'desc',\n    searchString: ''\n  },\n  group_links: {\n    contextType: 'group',\n    contentType: 'links',\n    contentSubtype: 'all',\n    sortValue: 'date_added',\n    sortDir: 'desc',\n    searchString: ''\n  },\n  list_icon_maker_icons: {\n    contextType: 'course',\n    contentType: 'course_files',\n    contentSubtype: _instructure_icon_maker_svg_constants__WEBPACK_IMPORTED_MODULE_14__[\"ICON_MAKER_ICONS\"],\n    sortValue: 'date_added',\n    sortDir: 'desc',\n    searchString: ''\n  },\n  all: {\n    contextType: 'course',\n    contentType: 'course_files',\n    contentSubtype: 'all',\n    sortValue: 'alphabetical',\n    sortDir: 'asc',\n    searchString: ''\n  }\n};\n\nfunction isLoading(cprops) {\n  var _cprops$collections$a, _cprops$collections$a2, _cprops$collections$d, _cprops$collections$m, _cprops$collections$q, _cprops$collections$w, _cprops$documents$cou, _cprops$documents$use, _cprops$documents$gro, _cprops$media$course, _cprops$media$user, _cprops$media$group, _cprops$all_files;\n\n  return ((_cprops$collections$a = cprops.collections.announcements) === null || _cprops$collections$a === void 0 ? void 0 : _cprops$collections$a.isLoading) || ((_cprops$collections$a2 = cprops.collections.assignments) === null || _cprops$collections$a2 === void 0 ? void 0 : _cprops$collections$a2.isLoading) || ((_cprops$collections$d = cprops.collections.discussions) === null || _cprops$collections$d === void 0 ? void 0 : _cprops$collections$d.isLoading) || ((_cprops$collections$m = cprops.collections.modules) === null || _cprops$collections$m === void 0 ? void 0 : _cprops$collections$m.isLoading) || ((_cprops$collections$q = cprops.collections.quizzes) === null || _cprops$collections$q === void 0 ? void 0 : _cprops$collections$q.isLoading) || ((_cprops$collections$w = cprops.collections.wikiPages) === null || _cprops$collections$w === void 0 ? void 0 : _cprops$collections$w.isLoading) || ((_cprops$documents$cou = cprops.documents.course) === null || _cprops$documents$cou === void 0 ? void 0 : _cprops$documents$cou.isLoading) || ((_cprops$documents$use = cprops.documents.user) === null || _cprops$documents$use === void 0 ? void 0 : _cprops$documents$use.isLoading) || ((_cprops$documents$gro = cprops.documents.group) === null || _cprops$documents$gro === void 0 ? void 0 : _cprops$documents$gro.isLoading) || ((_cprops$media$course = cprops.media.course) === null || _cprops$media$course === void 0 ? void 0 : _cprops$media$course.isLoading) || ((_cprops$media$user = cprops.media.user) === null || _cprops$media$user === void 0 ? void 0 : _cprops$media$user.isLoading) || ((_cprops$media$group = cprops.media.group) === null || _cprops$media$group === void 0 ? void 0 : _cprops$media$group.isLoading) || ((_cprops$all_files = cprops.all_files) === null || _cprops$all_files === void 0 ? void 0 : _cprops$all_files.isLoading);\n}\n/**\n * This component is used within various plugins to handle loading in content\n * from Canvas.  It is essentially the main component.\n */\n\n\nfunction CanvasContentTray(props) {\n  // should the tray be rendered open?\n  const [isOpen, setIsOpen] = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useState\"])(false); // has the tray fully opened. we use this to defer rendering the content\n  // until the tray is open.\n\n  const [hasOpened, setHasOpened] = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useState\"])(false); // should we close the tray after the user clicks on something in it?\n\n  const [hidingTrayOnAction, setHidingTrayOnAction] = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useState\"])(true);\n  const trayRef = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useRef\"])(null);\n  const scrollingAreaRef = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useRef\"])(null);\n  const [filterSettings, setFilterSettings] = Object(_Filter__WEBPACK_IMPORTED_MODULE_11__[\"useFilterSettings\"])();\n  const [isEditTray, setIsEditTray] = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useState\"])(false);\n  const [link, setLink] = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useState\"])(null);\n  const [linkText, setLinkText] = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useState\"])(null);\n  const [placeholderText, setPlaceholderText] = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useState\"])(null);\n  const Icon = Object(_linkUtils__WEBPACK_IMPORTED_MODULE_16__[\"getIcon\"])(link === null || link === void 0 ? void 0 : link.type);\n  const {\n    bridge,\n    editor,\n    onTrayClosing\n  } = { ...props\n  };\n  const handleDismissTray = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useCallback\"])(() => {\n    // return focus to the RCE if focus was on this tray\n    if (trayRef.current && trayRef.current.contains(document.activeElement)) {\n      bridge.focusActiveEditor(false);\n    }\n\n    onTrayClosing && onTrayClosing(CanvasContentTray.globalOpenCount); // tell RCEWrapper we're closing if we're open\n\n    setIsOpen(false);\n  }, [bridge, onTrayClosing]);\n  Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useEffect\"])(() => {\n    const controller = {\n      showTrayForPlugin(plugin) {\n        // increment a counter that's used as the key when rendering\n        // this gets us a new instance everytime, which is necessary\n        // to get the queries run so we have up to date data.\n        ++CanvasContentTray.globalOpenCount;\n        setFilterSettings(FILTER_SETTINGS_BY_PLUGIN[plugin]);\n        setIsOpen(true);\n\n        if (plugin === 'course_link_edit') {\n          setIsEditTray(true);\n          const {\n            fileName,\n            contentType,\n            url,\n            published,\n            text\n          } = Object(_ContentSelection__WEBPACK_IMPORTED_MODULE_15__[\"getLinkContentFromEditor\"])(editor.editor);\n          setLink({\n            title: fileName,\n            type: contentType,\n            href: url,\n            published\n          });\n          setLinkText(text);\n          setPlaceholderText(text);\n        } else {\n          setIsEditTray(false);\n        }\n      },\n\n      hideTray(forceClose) {\n        if (forceClose || hidingTrayOnAction) {\n          handleDismissTray();\n        }\n      }\n\n    };\n    bridge.attachController(controller, editor.id);\n    return () => {\n      bridge.detachController(editor.id);\n    }; // it's OK the setFilterSettings is not a dependency\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor.id, bridge, handleDismissTray, hidingTrayOnAction]);\n  Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useEffect\"])(() => {\n    if (hasOpened && scrollingAreaRef.current && !scrollingAreaRef.current.style.overscrollBehaviorY) {\n      scrollingAreaRef.current.style.overscrollBehaviorY = 'contain';\n    }\n  }, [hasOpened]);\n  Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useEffect\"])(() => {\n    var _trayRef$current;\n\n    if (!hasOpened) return;\n    let c = document.querySelector('[role=\"main\"]');\n    let target_w = 0;\n    if (!c) return;\n    const margin = window.getComputedStyle(c).direction === 'ltr' ? document.body.getBoundingClientRect().right - c.getBoundingClientRect().right : c.getBoundingClientRect().left;\n    target_w = c.offsetWidth - ((_trayRef$current = trayRef.current) === null || _trayRef$current === void 0 ? void 0 : _trayRef$current.offsetWidth) + margin;\n\n    if (target_w >= 320 && target_w < c.offsetWidth) {\n      c.style.boxSizing = 'border-box';\n      c.style.width = `${target_w}px`;\n    }\n\n    setHidingTrayOnAction(target_w < 320);\n    return () => {\n      c = document.querySelector('[role=\"main\"]');\n      if (!c) return;\n      c.style.width = '';\n    };\n  }, [hasOpened]);\n\n  function handleOpenTray() {\n    bridge.focusEditor(editor);\n    setHasOpened(true);\n  }\n\n  function handleExitTray() {\n    onTrayClosing && onTrayClosing(true); // tell RCEWrapper we're closing\n  }\n\n  function handleCloseTray() {\n    setHasOpened(false);\n    onTrayClosing && onTrayClosing(false); // tell RCEWrapper we're closed\n  }\n\n  function handleReplaceButton() {\n    handleDismissTray();\n    const newLink = { ...link,\n      forceRename: true,\n      text: linkText || placeholderText\n    };\n    bridge.insertLink(newLink);\n  }\n\n  function renderFooter() {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_7__[\"Flex\"].Item, {\n      background: \"secondary\",\n      borderWidth: \"small none none none\",\n      padding: \"small medium\",\n      textAlign: \"end\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_4__[\"Button\"], {\n      onClick: handleDismissTray\n    }, Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Cancel')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_4__[\"Button\"], {\n      margin: \"0 0 0 x-small\",\n      color: \"primary\",\n      onClick: handleReplaceButton,\n      \"data-testid\": \"replace-link-button\"\n    }, Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Replace')));\n  }\n\n  function handleFilterChange(newFilter, onChangeContext, onChangeSearchString, onChangeSortBy) {\n    const newFilterSettings = { ...newFilter\n    };\n\n    if (newFilterSettings.sortValue) {\n      newFilterSettings.sortDir = newFilterSettings.sortValue === 'alphabetical' ? 'asc' : 'desc';\n      onChangeSortBy({\n        sort: newFilterSettings.sortValue,\n        dir: newFilterSettings.sortDir\n      });\n    }\n\n    if ('searchString' in newFilterSettings && filterSettings.searchString !== newFilterSettings.searchString) {\n      onChangeSearchString(newFilterSettings.searchString);\n    }\n\n    setFilterSettings(newFilterSettings);\n\n    if (newFilterSettings.contentType) {\n      let contextType, contextId;\n\n      switch (newFilterSettings.contentType) {\n        case 'user_files':\n          contextType = 'user';\n          contextId = props.containingContext.userId;\n          break;\n\n        case 'group_files':\n          contextType = 'group';\n          contextId = props.containingContext.contextId;\n          break;\n\n        case 'course_files':\n          contextType = props.contextType;\n          contextId = props.containingContext.contextId;\n          break;\n\n        case 'links':\n          contextType = props.containingContext.contextType;\n          contextId = props.containingContext.contextId;\n      }\n\n      onChangeContext({\n        contextType,\n        contextId\n      });\n    }\n  }\n\n  function getHeader() {\n    return isEditTray ? Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Edit Course Link') : Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Add');\n  }\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_StoreContext__WEBPACK_IMPORTED_MODULE_12__[\"StoreProvider\"], Object(_babel_runtime_corejs3_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, props, {\n    key: CanvasContentTray.globalOpenCount,\n    contextType: filterSettings.contextType || props.contextType\n  }), contentProps => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_tray__WEBPACK_IMPORTED_MODULE_3__[\"Tray\"], {\n    \"data-mce-component\": true,\n    \"data-testid\": \"CanvasContentTray\",\n    label: getTrayLabel(filterSettings.contentType, filterSettings.contentSubtype, contentProps.contextType),\n    open: isOpen,\n    placement: \"end\",\n    size: \"regular\",\n    shouldContainFocus: true,\n    shouldReturnFocus: false,\n    shouldCloseOnDocumentClick: false,\n    onDismiss: handleDismissTray,\n    onClose: handleCloseTray,\n    onExit: handleExitTray,\n    onOpen: handleOpenTray,\n    contentRef: el => trayRef.current = el\n  }, isOpen && hasOpened ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_7__[\"Flex\"], {\n    direction: \"column\",\n    as: \"div\",\n    height: Object(_trayUtils__WEBPACK_IMPORTED_MODULE_13__[\"getTrayHeight\"])(),\n    overflowY: \"hidden\",\n    tabIndex: \"-1\",\n    \"data-canvascontenttray-content\": true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_7__[\"Flex\"].Item, {\n    padding: \"medium\",\n    shadow: \"above\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_7__[\"Flex\"], {\n    margin: \"none none medium none\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_7__[\"Flex\"].Item, {\n    shouldgrow: true,\n    shouldshrink: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_heading__WEBPACK_IMPORTED_MODULE_5__[\"Heading\"], {\n    level: \"h2\"\n  }, getHeader())), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_7__[\"Flex\"].Item, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_buttons__WEBPACK_IMPORTED_MODULE_4__[\"CloseButton\"], {\n    placement: \"end\",\n    onClick: handleDismissTray,\n    \"data-testid\": \"CloseButton_ContentTray\",\n    screenReaderLabel: Object(_format_message__WEBPACK_IMPORTED_MODULE_10__[\"default\"])('Close')\n  }))), isEditTray && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_LinkDisplay__WEBPACK_IMPORTED_MODULE_17__[\"LinkDisplay\"], {\n    linkText: linkText,\n    Icon: Icon,\n    placeholderText: placeholderText,\n    linkFileName: (link === null || link === void 0 ? void 0 : link.title) || '',\n    published: (link === null || link === void 0 ? void 0 : link.published) || false,\n    handleTextChange: setLinkText\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_Filter__WEBPACK_IMPORTED_MODULE_11__[\"default\"], Object(_babel_runtime_corejs3_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, filterSettings, {\n    userContextType: props.contextType,\n    containingContextType: props.containingContext.contextType,\n    onChange: newFilter => {\n      handleFilterChange(newFilter, contentProps.onChangeContext, contentProps.onChangeSearchString, contentProps.onChangeSortBy);\n    },\n    isContentLoading: isLoading(contentProps),\n    use_rce_icon_maker: props.use_rce_icon_maker\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_7__[\"Flex\"].Item, {\n    grow: true,\n    shrink: true,\n    margin: \"xx-small xxx-small 0\",\n    elementRef: el => scrollingAreaRef.current = el\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_7__[\"Flex\"], {\n    justifyItems: \"space-between\",\n    direction: \"column\",\n    height: \"100%\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_instructure_ui_flex__WEBPACK_IMPORTED_MODULE_7__[\"Flex\"].Item, {\n    shouldGrow: true,\n    shouldShrink: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_ErrorBoundary__WEBPACK_IMPORTED_MODULE_8__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(DynamicPanel, Object(_babel_runtime_corejs3_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n    contentType: filterSettings.contentType,\n    contentSubtype: filterSettings.contentSubtype,\n    sortBy: {\n      sort: filterSettings.sortValue,\n      order: filterSettings.sortDir\n    },\n    searchString: filterSettings.searchString,\n    source: props.source,\n    canvasOrigin: props.canvasOrigin,\n    jwt: props.jwt,\n    host: props.host,\n    refreshToken: props.refreshToken,\n    context: {\n      type: props.contextType,\n      id: props.contextId\n    },\n    editing: isEditTray,\n    onEditClick: setLink\n  }, contentProps)))), isEditTray && renderFooter()))) : null));\n}\nCanvasContentTray.globalOpenCount = 0;\n\nfunction requiredWithoutSource(props, propName, componentName) {\n  if (props.source == null && props[propName] == null) {\n    throw new Error(`The prop \\`${propName}\\` is marked as required in \\`${componentName}\\`, but its value is \\`${props[propName]}\\`.`);\n  }\n}\n\nconst trayPropsMap = {\n  canUploadFiles: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"bool\"].isRequired,\n  contextId: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"string\"].isRequired,\n  // initial value indicating the user's context (e.g. student v teacher), not the tray's\n  contextType: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"string\"].isRequired,\n  // initial value indicating the user's context, not the tray's\n  containingContext: Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"shape\"])({\n    contextType: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"string\"].isRequired,\n    contextId: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"string\"].isRequired,\n    userId: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"string\"].isRequired\n  }),\n  filesTabDisabled: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"bool\"],\n  host: requiredWithoutSource,\n  jwt: requiredWithoutSource,\n  refreshToken: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"func\"],\n  source: Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"shape\"])({\n    fetchImages: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"func\"].isRequired\n  }),\n  themeUrl: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"string\"]\n};\nconst trayPropTypes = Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"shape\"])(trayPropsMap);\nCanvasContentTray.propTypes = {\n  bridge: Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"instanceOf\"])(_bridge_Bridge__WEBPACK_IMPORTED_MODULE_9__[\"default\"]).isRequired,\n  editor: Object(prop_types__WEBPACK_IMPORTED_MODULE_2__[\"shape\"])({\n    id: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"string\"]\n  }).isRequired,\n  onTrayClosing: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"func\"],\n  // called with true when the tray starts closing, false once closed\n  onEditClick: prop_types__WEBPACK_IMPORTED_MODULE_2__[\"func\"],\n  ...trayPropsMap\n}; // the way we define trayProps, eslint doesn't recognize the following as props\n\n/* eslint-disable react/default-props-match-prop-types */\n\nCanvasContentTray.defaultProps = {\n  canUploadFiles: false,\n  filesTabDisabled: false,\n  refreshToken: null,\n  source: null,\n  themeUrl: null\n};\n/* eslint-enable react/default-props-match-prop-types */\n\n//# sourceURL=webpack:///./src/rce/plugins/shared/CanvasContentTray.js?");
 
 /***/ }),
 
@@ -18106,7 +18106,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__, \"headerFor\", function() { return headerFor; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"originFromHost\", function() { return originFromHost; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getSearchParam\", function() { return getSearchParam; });\n/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/instance/includes */ \"../../node_modules/@babel/runtime-corejs3/core-js-stable/instance/includes.js\");\n/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var isomorphic_fetch__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! isomorphic-fetch */ \"../../node_modules/isomorphic-fetch/fetch-npm-browserify.js\");\n/* harmony import */ var isomorphic_fetch__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(isomorphic_fetch__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var url__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! url */ \"../../node_modules/url/url.js\");\n/* harmony import */ var url__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(url__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _instructure_canvas_media__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/canvas-media */ \"../canvas-media/es/index.js\");\n/* harmony import */ var _common_fileUrl__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../common/fileUrl */ \"./src/common/fileUrl.js\");\n/* harmony import */ var _rce_alertHandler__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../rce/alertHandler */ \"./src/rce/alertHandler.js\");\n/* harmony import */ var _buildError__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./buildError */ \"./src/rcs/buildError.js\");\n\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\n\nfunction headerFor(jwt) {\n  return {\n    Authorization: 'Bearer ' + jwt\n  };\n}\nfunction originFromHost(host, windowOverride) {\n  let origin = host;\n\n  if (typeof origin !== 'string') {\n    origin = '';\n  } else if (origin && origin.substr(0, 4) !== 'http') {\n    var _windowHandle$locatio;\n\n    origin = `//${origin}`;\n    const windowHandle = windowOverride || (typeof window !== 'undefined' ? window : undefined);\n\n    if (origin.length > 0 && windowHandle !== null && windowHandle !== void 0 && (_windowHandle$locatio = windowHandle.location) !== null && _windowHandle$locatio !== void 0 && _windowHandle$locatio.protocol) {\n      origin = `${windowHandle.location.protocol}${origin}`;\n    }\n  }\n\n  return origin;\n} // filter a response to raise an error on a 400+ status\n\nfunction checkStatus(response) {\n  if (response.status < 400) {\n    return response;\n  } else {\n    const error = new Error(response.statusText);\n    error.response = response;\n    throw error;\n  }\n}\n\nfunction defaultRefreshTokenHandler() {\n  throw new Error('Token expired, no refresh function provided');\n}\n\nfunction normalizeFileData(file) {\n  return {\n    // copy the name to the default display name if none provided\n    display_name: file.name,\n    ...file,\n    // wrap the url\n    href: Object(_common_fileUrl__WEBPACK_IMPORTED_MODULE_4__[\"downloadToWrap\"])(file.href || file.url)\n  };\n}\n\nfunction throwConnectionError(error) {\n  if (error.name === 'TypeError') {\n    // eslint-disable-next-line no-console\n    console.error(`Failed to fetch from the canvas-rce-api.\n      Did you forget to start it or configure it?\n      Details can be found at https://github.com/instructure/canvas-rce-api\n    `);\n  }\n\n  throw error;\n}\n\nclass RceApiSource {\n  constructor() {\n    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    this.jwt = options.jwt;\n    this.host = options.host;\n    this.refreshToken = options.refreshToken || defaultRefreshTokenHandler;\n    this.hasSession = false;\n    this.alertFunc = options.alertFunc || _rce_alertHandler__WEBPACK_IMPORTED_MODULE_5__[\"default\"].handleAlert;\n  }\n\n  getSession() {\n    const headers = headerFor(this.jwt);\n    const uri = this.baseUri('session');\n    return this.apiReallyFetch(uri, headers).then(data => {\n      this.hasSession = true;\n      return data;\n    }).catch(throwConnectionError);\n  } // initial state of a collection is empty, not loading, with bookmark set to\n  // uri for initial page fetch\n\n\n  initializeCollection(endpoint, props) {\n    return {\n      links: [],\n      bookmark: this.uriFor(endpoint, props),\n      isLoading: false,\n      hasMore: true,\n      searchString: props.searchString\n    };\n  }\n\n  initializeUpload() {\n    return {\n      uploading: false,\n      folders: {},\n      formExpanded: false\n    };\n  }\n\n  initializeImages(props) {\n    return this.initializeDocuments(props);\n  }\n\n  initializeDocuments(props) {\n    return {\n      [props.contextType]: {\n        files: [],\n        bookmark: null,\n        isLoading: false,\n        hasMore: true\n      },\n      searchString: ''\n    };\n  }\n\n  initializeMedia(props) {\n    return this.initializeDocuments(props);\n  }\n\n  initializeFlickr() {\n    return {\n      searchResults: [],\n      searching: false,\n      formExpanded: false\n    };\n  } // fetches the given URI and filters it to either an error or parsed response\n\n\n  fetchPage(uri) {\n    return this.apiFetch(uri, headerFor(this.jwt));\n  }\n\n  fetchBookmarkedData(fetchFunction, properties, onSuccess, onError, bookmark) {\n    return fetchFunction(properties, bookmark).then(result => {\n      onSuccess(result);\n\n      if (result.bookmark) {\n        this.fetchBookmarkedData(fetchFunction, properties, onSuccess, onError, result.bookmark);\n      }\n    }).catch(error => {\n      onError(error);\n    });\n  }\n\n  fetchDocs(props) {\n    const documents = props.documents[props.contextType];\n    const uri = documents.bookmark || this.uriFor('documents', props);\n    return this.apiFetch(uri, headerFor(this.jwt)).then(_ref => {\n      let {\n        bookmark,\n        files\n      } = _ref;\n      return {\n        bookmark,\n        files: files.map(f => Object(_common_fileUrl__WEBPACK_IMPORTED_MODULE_4__[\"fixupFileUrl\"])(props.contextType, props.contextId, f))\n      };\n    });\n  }\n\n  fetchMedia(props) {\n    const media = props.media[props.contextType];\n    const uri = media.bookmark || this.uriFor('media', props);\n    return this.apiFetch(uri, headerFor(this.jwt));\n  }\n\n  fetchFiles(uri) {\n    return this.fetchPage(uri).then(_ref2 => {\n      let {\n        bookmark,\n        files\n      } = _ref2;\n      return {\n        bookmark,\n        files: files.map(normalizeFileData)\n      };\n    });\n  }\n\n  fetchLinks(key, props) {\n    const {\n      collections\n    } = props;\n    const bookmark = collections[key].bookmark || this.uriFor(key, props);\n    return this.fetchPage(bookmark);\n  }\n\n  fetchRootFolder(props) {\n    return this.fetchPage(this.uriFor('folders', props), this.jwt);\n  }\n\n  mediaServerSession() {\n    return this.apiPost(this.baseUri('v1/services/kaltura_session'), headerFor(this.jwt), {});\n  }\n\n  uploadMediaToCanvas(mediaObject) {\n    var _context;\n\n    const body = {\n      id: mediaObject.entryId,\n      type: {\n        2: 'image',\n        5: 'audio'\n      }[mediaObject.mediaType] || _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default()(_context = mediaObject.type).call(_context, 'audio') ? 'audio' : 'video',\n      context_code: mediaObject.contextCode,\n      title: mediaObject.title,\n      user_entered_title: mediaObject.userTitle\n    };\n    return this.apiPost(this.baseUri('media_objects'), headerFor(this.jwt), body);\n  }\n\n  updateMediaObject(apiProps, _ref3) {\n    let {\n      media_object_id,\n      title\n    } = _ref3;\n    const uri = `${this.baseUri('media_objects', apiProps.host)}/${media_object_id}?user_entered_title=${encodeURIComponent(title)}`;\n    return this.apiPost(uri, headerFor(this.jwt), null, 'PUT');\n  } // PUT to //RCS/api/media_objects/:mediaId/media_tracks [{locale, content}, ...]\n  // receive back a 200 with the new subtitles, or a 4xx error\n\n\n  updateClosedCaptions(apiProps, _ref4, maxBytes) {\n    let {\n      media_object_id,\n      subtitles\n    } = _ref4;\n    return Object(_instructure_canvas_media__WEBPACK_IMPORTED_MODULE_3__[\"saveClosedCaptions\"])(media_object_id, subtitles, {\n      origin: originFromHost(apiProps.host),\n      headers: headerFor(apiProps.jwt)\n    }, maxBytes || _instructure_canvas_media__WEBPACK_IMPORTED_MODULE_3__[\"CONSTANTS\"].CC_FILE_MAX_BYTES).catch(e => {\n      console.error('Failed saving CC', e);\n      this.alertFunc(Object(_buildError__WEBPACK_IMPORTED_MODULE_6__[\"default\"])({\n        message: 'failed to save captions'\n      }, e));\n    });\n  } // GET /media_objects/:mediaId/media_tracks\n  // receive back the current list of media_tracks\n\n\n  fetchClosedCaptions(_mediaId) {\n    return Promise.resolve([{\n      locale: 'af',\n      content: '1\\r\\n00:00:00,000 --> 00:00:01,251\\r\\nThis is the content\\r\\n'\n    }, {\n      locale: 'es',\n      content: '1\\r\\n00:00:00,000 --> 00:00:01,251\\r\\nThis is the content\\r\\n'\n    }]);\n  } // fetches folders for the given context to upload files to\n\n\n  fetchFolders(props, bookmark) {\n    const headers = headerFor(this.jwt);\n    const uri = bookmark || this.uriFor('folders/all', props);\n    return this.apiFetch(uri, headers);\n  } // Fetches all files for a given folder\n\n\n  fetchFilesForFolder(props, bookmark) {\n    let uri;\n\n    if (!bookmark) {\n      const perPageQuery = props.perPage ? `per_page=${props.perPage}` : '';\n      const searchParam = getSearchParam(props.searchString);\n      uri = `${props.filesUrl}`;\n      uri += perPageQuery ? `?${perPageQuery}` : '';\n\n      if (searchParam) {\n        uri += perPageQuery ? `${searchParam}` : `?${searchParam}`;\n      }\n\n      if (props.sortBy) {\n        uri += `${getSortParams(props.sortBy.sort, props.sortBy.order)}`;\n      }\n    }\n\n    return this.fetchPage(uri || bookmark, this.jwt);\n  }\n\n  fetchSubFolders(props, bookmark) {\n    const uri = bookmark || `${this.baseUri('folders', props.host)}/${props.folderId}`;\n    return this.apiFetch(uri, headerFor(this.jwt));\n  }\n\n  fetchIconMakerFolder(_ref5) {\n    let {\n      contextId,\n      contextType\n    } = _ref5;\n    const uri = this.uriFor('folders/icon_maker', {\n      contextId,\n      contextType,\n      host: this.host,\n      jwt: this.jwt\n    });\n    return this.fetchPage(uri);\n  }\n\n  fetchMediaFolder(props) {\n    let uri;\n\n    if (props.contextType === 'user') {\n      uri = this.uriFor('folders', props);\n    } else {\n      uri = this.uriFor('folders/media', props);\n    }\n\n    return this.fetchPage(uri);\n  }\n\n  fetchMediaObjectIframe(mediaObjectId) {\n    return this.fetchPage(this.uriFor(`media_objects_iframe/${mediaObjectId}`));\n  }\n\n  fetchImages(props) {\n    const images = props.images[props.contextType];\n    const uri = images.bookmark || this.uriFor('images', props);\n    const headers = headerFor(this.jwt);\n    return this.apiFetch(uri, headers).then(_ref6 => {\n      let {\n        bookmark,\n        files\n      } = _ref6;\n      return {\n        bookmark,\n        files: files.map(f => Object(_common_fileUrl__WEBPACK_IMPORTED_MODULE_4__[\"fixupFileUrl\"])(props.contextType, props.contextId, f)),\n        searchString: props.searchString\n      };\n    });\n  }\n\n  preflightUpload(fileProps, apiProps) {\n    const headers = headerFor(this.jwt);\n    const uri = this.baseUri('upload', apiProps.host);\n    const body = {\n      contextId: apiProps.contextId,\n      contextType: apiProps.contextType,\n      file: fileProps,\n      no_redirect: true,\n      onDuplicate: apiProps.onDuplicate,\n      category: apiProps.category\n    };\n    return this.apiPost(uri, headers, body);\n  }\n\n  uploadFRD(fileDomObject, preflightProps) {\n    var _context2;\n\n    const data = new window.FormData();\n    Object.keys(preflightProps.upload_params).forEach(uploadProp => {\n      data.append(uploadProp, preflightProps.upload_params[uploadProp]);\n    });\n    data.append('file', fileDomObject);\n    const fetchOptions = {\n      method: 'POST',\n      body: data\n    };\n\n    if (!preflightProps.upload_params['x-amz-signature'] && !_babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default()(_context2 = preflightProps.upload_url).call(_context2, 'files_api')) {\n      // _not_ an S3 upload, include the credentials in the upload POST\n      // local uploads can include crendentials for same-origin requests\n      fetchOptions.credentials = 'include';\n    }\n\n    return fetch(preflightProps.upload_url, fetchOptions).then(checkStatus).then(res => res.json()).then(uploadResults => {\n      return this.finalizeUpload(preflightProps, uploadResults);\n    }).catch(e => {\n      this.alertFunc(Object(_buildError__WEBPACK_IMPORTED_MODULE_6__[\"default\"])({}, e));\n    });\n  }\n\n  finalizeUpload(preflightProps, uploadResults) {\n    if (preflightProps.upload_params.success_url) {\n      // s3 upload, follow-up at success_url to finalize. the success_url doesn't\n      // require authentication\n      return fetch(preflightProps.upload_params.success_url).then(checkStatus).then(res => res.json());\n    } else if (uploadResults.location) {\n      // inst-fs upload, follow-up by fetching file identified by location in\n      // response. we can't just fetch the location as would be intended because\n      // it requires Canvas authentication. we also don't have an RCE API\n      // endpoint to forward it through.\n      const {\n        pathname\n      } = Object(url__WEBPACK_IMPORTED_MODULE_2__[\"parse\"])(uploadResults.location);\n      const matchData = pathname.match(/^\\/api\\/v1\\/files\\/((?:\\d+~)?\\d+)$/);\n\n      if (!matchData) {\n        const error = new Error('cannot determine file ID from location');\n        error.location = uploadResults.location;\n        throw error;\n      }\n\n      const fileId = matchData[1];\n      return this.getFile(fileId).then(fileResults => {\n        fileResults.uuid = uploadResults.uuid; // if present, we'll need the uuid for the file verifier downstream\n\n        return fileResults;\n      });\n    } else {\n      // local-storage upload, this _is_ the attachment information\n      return Promise.resolve(uploadResults);\n    }\n  }\n\n  setUsageRights(fileId, usageRights) {\n    const headers = headerFor(this.jwt);\n    const uri = this.baseUri('usage_rights');\n    const body = {\n      fileId,\n      ...usageRights\n    };\n    return this.apiPost(uri, headers, body);\n  }\n\n  searchFlickr(term, apiProps) {\n    const headers = headerFor(this.jwt);\n    const base = this.baseUri('flickr_search', apiProps.host);\n    const uri = `${base}?term=${encodeURIComponent(term)}`;\n    return this.apiFetch(uri, headers);\n  }\n\n  searchUnsplash(term, page) {\n    const headers = headerFor(this.jwt);\n    const base = this.baseUri('unsplash/search');\n    const uri = `${base}?term=${encodeURIComponent(term)}&page=${page}&per_page=12`;\n    return this.apiFetch(uri, headers);\n  }\n\n  pingbackUnsplash(id) {\n    const headers = headerFor(this.jwt);\n    const base = this.baseUri('unsplash/pingback');\n    const uri = `${base}?id=${id}`;\n    return this.apiFetch(uri, headers, {\n      skipParse: true\n    });\n  }\n\n  getFile(id) {\n    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    const headers = headerFor(this.jwt);\n    const base = this.baseUri('file'); // Valid query parameters for getFile\n\n    const {\n      replacement_chain_context_type,\n      replacement_chain_context_id\n    } = options;\n    const uri = this.addParamsIfPresent(`${base}/${id}`, {\n      replacement_chain_context_type,\n      replacement_chain_context_id\n    });\n    return this.apiFetch(uri, headers).then(normalizeFileData);\n  } // @private\n\n\n  addParamsIfPresent(uri, params) {\n    let url;\n\n    try {\n      url = new URL(uri);\n    } catch (e) {\n      // Just return the URI if it was invalid\n      return uri;\n    } // Add all truthy parameters to the URL\n\n\n    for (const [name, value] of Object.entries(params)) {\n      if (!value) continue;\n      url.searchParams.append(name, value);\n    }\n\n    return url.toString();\n  } // @private\n\n\n  async apiFetch(uri, headers, options) {\n    if (!this.hasSession) {\n      await this.getSession();\n    }\n\n    return this.apiReallyFetch(uri, headers, options);\n  }\n\n  apiReallyFetch(uri, headers) {\n    let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n    uri = this.normalizeUriProtocol(uri);\n    return fetch(uri, {\n      headers\n    }).then(response => {\n      if (response.status === 401) {\n        // retry once with fresh token\n        return this.buildRetryHeaders(headers).then(newHeaders => {\n          return fetch(uri, {\n            headers: newHeaders\n          });\n        });\n      } else {\n        return response;\n      }\n    }).then(checkStatus).then(options.skipParse ? () => {} : res => res.json()).catch(throwConnectionError).catch(e => {\n      this.alertFunc(Object(_buildError__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(e));\n      throw e;\n    });\n  } // @private\n\n\n  apiPost(uri, headers, body) {\n    let method = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'POST';\n    headers = { ...headers,\n      'Content-Type': 'application/json'\n    };\n    const fetchOptions = {\n      method,\n      headers\n    };\n\n    if (body) {\n      fetchOptions.body = JSON.stringify(body);\n    } else {\n      fetchOptions.form = body;\n    }\n\n    uri = this.normalizeUriProtocol(uri);\n    return fetch(uri, fetchOptions).then(response => {\n      if (response.status === 401) {\n        // retry once with fresh token\n        return this.buildRetryHeaders(fetchOptions.headers).then(newHeaders => {\n          const newOptions = { ...fetchOptions,\n            headers: newHeaders\n          };\n          return fetch(uri, newOptions);\n        });\n      } else {\n        return response;\n      }\n    }).then(checkStatus).then(res => res.json()).catch(throwConnectionError).catch(e => e.response.json().then(body => {\n      console.error(e); // eslint-disable-line no-console\n\n      this.alertFunc(Object(_buildError__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(body));\n      throw e;\n    }));\n  } // @private\n\n\n  normalizeUriProtocol(uri, windowOverride) {\n    const windowHandle = windowOverride || (typeof window !== 'undefined' ? window : undefined);\n\n    if (windowHandle && windowHandle.location && windowHandle.location.protocol === 'https:') {\n      return uri.replace('http://', 'https://');\n    }\n\n    return uri;\n  } // @private\n\n\n  buildRetryHeaders(headers) {\n    return new Promise(resolve => {\n      this.refreshToken(freshToken => {\n        this.jwt = freshToken;\n        const freshHeader = headerFor(freshToken);\n        const mergedHeaders = { ...headers,\n          ...freshHeader\n        };\n        resolve(mergedHeaders);\n      });\n    });\n  }\n\n  baseUri(endpoint, host, windowOverride) {\n    if (!host && this.host) {\n      host = this.host;\n    }\n\n    host = originFromHost(host, windowOverride);\n    const sharedEndpoints = ['images', 'media', 'documents', 'all']; // 'all' will eventually be something different\n\n    const endpt = _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default()(sharedEndpoints).call(sharedEndpoints, endpoint) ? 'documents' : endpoint;\n    return `${host}/api/${endpt}`;\n  } // returns the URI to use with the fetchPage method to fetch the first page of\n  // the given endpoint. e.g. for wikiPages it might return:\n  //\n  //   //rce.docker/api/wikiPages?context_type=course&context_id=42\n  //\n\n\n  uriFor(endpoint, props) {\n    const {\n      host,\n      contextType,\n      contextId,\n      sortBy,\n      searchString,\n      perPage\n    } = props;\n    let extra = '';\n    const pageSizeParam = perPage ? `&per_page=${perPage}` : '';\n\n    switch (endpoint) {\n      case 'images':\n        extra = `&content_types=image${getSortParams(sortBy.sort, sortBy.dir)}${getSearchParam(searchString)}${optionalQuery(props, 'category')}`;\n        break;\n\n      case 'media':\n        // when requesting media files via the documents endpoint\n        extra = `&content_types=video,audio${getSortParams(sortBy.sort, sortBy.dir)}${getSearchParam(searchString)}`;\n        break;\n\n      case 'documents':\n        extra = `&exclude_content_types=image,video,audio${getSortParams(sortBy.sort, sortBy.dir)}${getSearchParam(searchString)}`;\n        break;\n\n      case 'media_objects':\n        // when requesting media objects (this is the currently used branch)\n        extra = `${getSortParams(sortBy.sort === 'alphabetical' ? 'title' : 'date', sortBy.dir)}${getSearchParam(searchString)}`;\n        break;\n\n      default:\n        extra = getSearchParam(searchString);\n    }\n\n    return `${this.baseUri(endpoint, host)}?contextType=${contextType}&contextId=${contextId}${pageSizeParam}${extra}`;\n  }\n\n}\n\nfunction getSortParams(sort, dir) {\n  let sortBy = sort;\n\n  if (sortBy === 'date_added') {\n    sortBy = 'created_at';\n  } else if (sortBy === 'alphabetical') {\n    sortBy = 'name';\n  }\n\n  return `&sort=${sortBy}&order=${dir}`;\n}\n\nfunction optionalQuery(props, name) {\n  return props[name] ? `&${name}=${props[name]}` : '';\n}\n\nfunction getSearchParam(searchString) {\n  return (searchString === null || searchString === void 0 ? void 0 : searchString.length) >= 3 ? `&search_term=${encodeURIComponent(searchString)}` : '';\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (RceApiSource);\n\n//# sourceURL=webpack:///./src/rcs/api.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"headerFor\", function() { return headerFor; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"originFromHost\", function() { return originFromHost; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getSearchParam\", function() { return getSearchParam; });\n/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/instance/includes */ \"../../node_modules/@babel/runtime-corejs3/core-js-stable/instance/includes.js\");\n/* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var isomorphic_fetch__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! isomorphic-fetch */ \"../../node_modules/isomorphic-fetch/fetch-npm-browserify.js\");\n/* harmony import */ var isomorphic_fetch__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(isomorphic_fetch__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var url__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! url */ \"../../node_modules/url/url.js\");\n/* harmony import */ var url__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(url__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _instructure_canvas_media__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @instructure/canvas-media */ \"../canvas-media/es/index.js\");\n/* harmony import */ var _common_fileUrl__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../common/fileUrl */ \"./src/common/fileUrl.js\");\n/* harmony import */ var _rce_alertHandler__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../rce/alertHandler */ \"./src/rce/alertHandler.js\");\n/* harmony import */ var _buildError__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./buildError */ \"./src/rcs/buildError.js\");\n\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\n\nfunction headerFor(jwt) {\n  return {\n    Authorization: 'Bearer ' + jwt\n  };\n}\nfunction originFromHost(host, windowOverride) {\n  let origin = host;\n\n  if (typeof origin !== 'string') {\n    origin = '';\n  } else if (origin && origin.substr(0, 4) !== 'http') {\n    var _windowHandle$locatio;\n\n    origin = `//${origin}`;\n    const windowHandle = windowOverride || (typeof window !== 'undefined' ? window : undefined);\n\n    if (origin.length > 0 && windowHandle !== null && windowHandle !== void 0 && (_windowHandle$locatio = windowHandle.location) !== null && _windowHandle$locatio !== void 0 && _windowHandle$locatio.protocol) {\n      origin = `${windowHandle.location.protocol}${origin}`;\n    }\n  }\n\n  return origin;\n} // filter a response to raise an error on a 400+ status\n\nfunction checkStatus(response) {\n  if (response.status < 400) {\n    return response;\n  } else {\n    const error = new Error(response.statusText);\n    error.response = response;\n    throw error;\n  }\n}\n\nfunction defaultRefreshTokenHandler() {\n  throw new Error('Token expired, no refresh function provided');\n}\n\nfunction normalizeFileData(file) {\n  return {\n    // copy the name to the default display name if none provided\n    display_name: file.name,\n    ...file,\n    // wrap the url\n    href: Object(_common_fileUrl__WEBPACK_IMPORTED_MODULE_4__[\"downloadToWrap\"])(file.href || file.url)\n  };\n}\n\nfunction throwConnectionError(error) {\n  if (error.name === 'TypeError') {\n    // eslint-disable-next-line no-console\n    console.error(`Failed to fetch from the canvas-rce-api.\n      Did you forget to start it or configure it?\n      Details can be found at https://github.com/instructure/canvas-rce-api\n    `);\n  }\n\n  throw error;\n}\n\nclass RceApiSource {\n  constructor() {\n    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    this.jwt = options.jwt;\n    this.host = options.host;\n    this.refreshToken = options.refreshToken || defaultRefreshTokenHandler;\n    this.hasSession = false;\n    this.alertFunc = options.alertFunc || _rce_alertHandler__WEBPACK_IMPORTED_MODULE_5__[\"default\"].handleAlert;\n    this.canvasOrigin = options.canvasOrigin || window.origin;\n  }\n\n  getSession() {\n    const headers = headerFor(this.jwt);\n    const uri = this.baseUri('session');\n    return this.apiReallyFetch(uri, headers).then(data => {\n      this.hasSession = true;\n      return data;\n    }).catch(throwConnectionError);\n  } // initial state of a collection is empty, not loading, with bookmark set to\n  // uri for initial page fetch\n\n\n  initializeCollection(endpoint, props) {\n    return {\n      links: [],\n      bookmark: this.uriFor(endpoint, props),\n      isLoading: false,\n      hasMore: true,\n      searchString: props.searchString\n    };\n  }\n\n  initializeUpload() {\n    return {\n      uploading: false,\n      folders: {},\n      formExpanded: false\n    };\n  }\n\n  initializeImages(props) {\n    return this.initializeDocuments(props);\n  }\n\n  initializeDocuments(props) {\n    return {\n      [props.contextType]: {\n        files: [],\n        bookmark: null,\n        isLoading: false,\n        hasMore: true\n      },\n      searchString: ''\n    };\n  }\n\n  initializeMedia(props) {\n    return this.initializeDocuments(props);\n  }\n\n  initializeFlickr() {\n    return {\n      searchResults: [],\n      searching: false,\n      formExpanded: false\n    };\n  } // fetches the given URI and filters it to either an error or parsed response\n\n\n  fetchPage(uri) {\n    return this.apiFetch(uri, headerFor(this.jwt));\n  }\n\n  fetchBookmarkedData(fetchFunction, properties, onSuccess, onError, bookmark) {\n    return fetchFunction(properties, bookmark).then(result => {\n      onSuccess(result);\n\n      if (result.bookmark) {\n        this.fetchBookmarkedData(fetchFunction, properties, onSuccess, onError, result.bookmark);\n      }\n    }).catch(error => {\n      onError(error);\n    });\n  }\n\n  fetchDocs(props) {\n    const documents = props.documents[props.contextType];\n    const uri = documents.bookmark || this.uriFor('documents', props);\n    return this.apiFetch(uri, headerFor(this.jwt)).then(_ref => {\n      let {\n        bookmark,\n        files\n      } = _ref;\n      return {\n        bookmark,\n        files: files.map(f => Object(_common_fileUrl__WEBPACK_IMPORTED_MODULE_4__[\"fixupFileUrl\"])(props.contextType, props.contextId, f, this.canvasOrigin))\n      };\n    });\n  }\n\n  fetchMedia(props) {\n    const media = props.media[props.contextType];\n    const uri = media.bookmark || this.uriFor('media', props);\n    return this.apiFetch(uri, headerFor(this.jwt));\n  }\n\n  fetchFiles(uri) {\n    return this.fetchPage(uri).then(_ref2 => {\n      let {\n        bookmark,\n        files\n      } = _ref2;\n      return {\n        bookmark,\n        files: files.map(normalizeFileData)\n      };\n    });\n  }\n\n  fetchLinks(key, props) {\n    const {\n      collections\n    } = props;\n    const bookmark = collections[key].bookmark || this.uriFor(key, props);\n    return this.fetchPage(bookmark);\n  }\n\n  fetchRootFolder(props) {\n    return this.fetchPage(this.uriFor('folders', props), this.jwt);\n  }\n\n  mediaServerSession() {\n    return this.apiPost(this.baseUri('v1/services/kaltura_session'), headerFor(this.jwt), {});\n  }\n\n  uploadMediaToCanvas(mediaObject) {\n    var _context;\n\n    const body = {\n      id: mediaObject.entryId,\n      type: {\n        2: 'image',\n        5: 'audio'\n      }[mediaObject.mediaType] || _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default()(_context = mediaObject.type).call(_context, 'audio') ? 'audio' : 'video',\n      context_code: mediaObject.contextCode,\n      title: mediaObject.title,\n      user_entered_title: mediaObject.userTitle\n    };\n    return this.apiPost(this.baseUri('media_objects'), headerFor(this.jwt), body);\n  }\n\n  updateMediaObject(apiProps, _ref3) {\n    let {\n      media_object_id,\n      title\n    } = _ref3;\n    const uri = `${this.baseUri('media_objects', apiProps.host)}/${media_object_id}?user_entered_title=${encodeURIComponent(title)}`;\n    return this.apiPost(uri, headerFor(this.jwt), null, 'PUT');\n  } // PUT to //RCS/api/media_objects/:mediaId/media_tracks [{locale, content}, ...]\n  // receive back a 200 with the new subtitles, or a 4xx error\n\n\n  updateClosedCaptions(apiProps, _ref4, maxBytes) {\n    let {\n      media_object_id,\n      subtitles\n    } = _ref4;\n    return Object(_instructure_canvas_media__WEBPACK_IMPORTED_MODULE_3__[\"saveClosedCaptions\"])(media_object_id, subtitles, {\n      origin: originFromHost(apiProps.host),\n      headers: headerFor(apiProps.jwt)\n    }, maxBytes || _instructure_canvas_media__WEBPACK_IMPORTED_MODULE_3__[\"CONSTANTS\"].CC_FILE_MAX_BYTES).catch(e => {\n      console.error('Failed saving CC', e);\n      this.alertFunc(Object(_buildError__WEBPACK_IMPORTED_MODULE_6__[\"default\"])({\n        message: 'failed to save captions'\n      }, e));\n    });\n  } // GET /media_objects/:mediaId/media_tracks\n  // receive back the current list of media_tracks\n\n\n  fetchClosedCaptions(_mediaId) {\n    return Promise.resolve([{\n      locale: 'af',\n      content: '1\\r\\n00:00:00,000 --> 00:00:01,251\\r\\nThis is the content\\r\\n'\n    }, {\n      locale: 'es',\n      content: '1\\r\\n00:00:00,000 --> 00:00:01,251\\r\\nThis is the content\\r\\n'\n    }]);\n  } // fetches folders for the given context to upload files to\n\n\n  fetchFolders(props, bookmark) {\n    const headers = headerFor(this.jwt);\n    const uri = bookmark || this.uriFor('folders/all', props);\n    return this.apiFetch(uri, headers);\n  } // Fetches all files for a given folder\n\n\n  fetchFilesForFolder(props, bookmark) {\n    let uri;\n\n    if (!bookmark) {\n      const perPageQuery = props.perPage ? `per_page=${props.perPage}` : '';\n      const searchParam = getSearchParam(props.searchString);\n      uri = `${props.filesUrl}`;\n      uri += perPageQuery ? `?${perPageQuery}` : '';\n\n      if (searchParam) {\n        uri += perPageQuery ? `${searchParam}` : `?${searchParam}`;\n      }\n\n      if (props.sortBy) {\n        uri += `${getSortParams(props.sortBy.sort, props.sortBy.order)}`;\n      }\n    }\n\n    return this.fetchPage(uri || bookmark, this.jwt);\n  }\n\n  fetchSubFolders(props, bookmark) {\n    const uri = bookmark || `${this.baseUri('folders', props.host)}/${props.folderId}`;\n    return this.apiFetch(uri, headerFor(this.jwt));\n  }\n\n  fetchIconMakerFolder(_ref5) {\n    let {\n      contextId,\n      contextType\n    } = _ref5;\n    const uri = this.uriFor('folders/icon_maker', {\n      contextId,\n      contextType,\n      host: this.host,\n      jwt: this.jwt\n    });\n    return this.fetchPage(uri);\n  }\n\n  fetchMediaFolder(props) {\n    let uri;\n\n    if (props.contextType === 'user') {\n      uri = this.uriFor('folders', props);\n    } else {\n      uri = this.uriFor('folders/media', props);\n    }\n\n    return this.fetchPage(uri);\n  }\n\n  fetchMediaObjectIframe(mediaObjectId) {\n    return this.fetchPage(this.uriFor(`media_objects_iframe/${mediaObjectId}`));\n  }\n\n  fetchImages(props) {\n    const images = props.images[props.contextType];\n    const uri = images.bookmark || this.uriFor('images', props);\n    const headers = headerFor(this.jwt);\n    return this.apiFetch(uri, headers).then(_ref6 => {\n      let {\n        bookmark,\n        files\n      } = _ref6;\n      return {\n        bookmark,\n        files: files.map(f => Object(_common_fileUrl__WEBPACK_IMPORTED_MODULE_4__[\"fixupFileUrl\"])(props.contextType, props.contextId, f, this.canvasOrigin)),\n        searchString: props.searchString\n      };\n    });\n  }\n\n  preflightUpload(fileProps, apiProps) {\n    const headers = headerFor(this.jwt);\n    const uri = this.baseUri('upload', apiProps.host);\n    const body = {\n      contextId: apiProps.contextId,\n      contextType: apiProps.contextType,\n      file: fileProps,\n      no_redirect: true,\n      onDuplicate: apiProps.onDuplicate,\n      category: apiProps.category\n    };\n    return this.apiPost(uri, headers, body);\n  }\n\n  uploadFRD(fileDomObject, preflightProps) {\n    var _context2;\n\n    const data = new window.FormData();\n    Object.keys(preflightProps.upload_params).forEach(uploadProp => {\n      data.append(uploadProp, preflightProps.upload_params[uploadProp]);\n    });\n    data.append('file', fileDomObject);\n    const fetchOptions = {\n      method: 'POST',\n      body: data\n    };\n\n    if (!preflightProps.upload_params['x-amz-signature'] && !_babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default()(_context2 = preflightProps.upload_url).call(_context2, 'files_api')) {\n      // _not_ an S3 upload, include the credentials in the upload POST\n      // local uploads can include crendentials for same-origin requests\n      fetchOptions.credentials = 'include';\n    }\n\n    return fetch(preflightProps.upload_url, fetchOptions).then(checkStatus).then(res => res.json()).then(uploadResults => {\n      return this.finalizeUpload(preflightProps, uploadResults);\n    }).catch(e => {\n      this.alertFunc(Object(_buildError__WEBPACK_IMPORTED_MODULE_6__[\"default\"])({}, e));\n    });\n  }\n\n  finalizeUpload(preflightProps, uploadResults) {\n    if (preflightProps.upload_params.success_url) {\n      // s3 upload, follow-up at success_url to finalize. the success_url doesn't\n      // require authentication\n      return fetch(preflightProps.upload_params.success_url).then(checkStatus).then(res => res.json());\n    } else if (uploadResults.location) {\n      // inst-fs upload, follow-up by fetching file identified by location in\n      // response. we can't just fetch the location as would be intended because\n      // it requires Canvas authentication. we also don't have an RCE API\n      // endpoint to forward it through.\n      const {\n        pathname\n      } = Object(url__WEBPACK_IMPORTED_MODULE_2__[\"parse\"])(uploadResults.location);\n      const matchData = pathname.match(/^\\/api\\/v1\\/files\\/((?:\\d+~)?\\d+)$/);\n\n      if (!matchData) {\n        const error = new Error('cannot determine file ID from location');\n        error.location = uploadResults.location;\n        throw error;\n      }\n\n      const fileId = matchData[1];\n      return this.getFile(fileId).then(fileResults => {\n        fileResults.uuid = uploadResults.uuid; // if present, we'll need the uuid for the file verifier downstream\n\n        return fileResults;\n      });\n    } else {\n      // local-storage upload, this _is_ the attachment information\n      return Promise.resolve(uploadResults);\n    }\n  }\n\n  setUsageRights(fileId, usageRights) {\n    const headers = headerFor(this.jwt);\n    const uri = this.baseUri('usage_rights');\n    const body = {\n      fileId,\n      ...usageRights\n    };\n    return this.apiPost(uri, headers, body);\n  }\n\n  searchFlickr(term, apiProps) {\n    const headers = headerFor(this.jwt);\n    const base = this.baseUri('flickr_search', apiProps.host);\n    const uri = `${base}?term=${encodeURIComponent(term)}`;\n    return this.apiFetch(uri, headers);\n  }\n\n  searchUnsplash(term, page) {\n    const headers = headerFor(this.jwt);\n    const base = this.baseUri('unsplash/search');\n    const uri = `${base}?term=${encodeURIComponent(term)}&page=${page}&per_page=12`;\n    return this.apiFetch(uri, headers);\n  }\n\n  pingbackUnsplash(id) {\n    const headers = headerFor(this.jwt);\n    const base = this.baseUri('unsplash/pingback');\n    const uri = `${base}?id=${id}`;\n    return this.apiFetch(uri, headers, {\n      skipParse: true\n    });\n  }\n\n  getFile(id) {\n    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    const headers = headerFor(this.jwt);\n    const base = this.baseUri('file'); // Valid query parameters for getFile\n\n    const {\n      replacement_chain_context_type,\n      replacement_chain_context_id\n    } = options;\n    const uri = this.addParamsIfPresent(`${base}/${id}`, {\n      replacement_chain_context_type,\n      replacement_chain_context_id\n    });\n    return this.apiFetch(uri, headers).then(normalizeFileData);\n  } // @private\n\n\n  addParamsIfPresent(uri, params) {\n    let url;\n\n    try {\n      url = new URL(uri);\n    } catch (e) {\n      // Just return the URI if it was invalid\n      return uri;\n    } // Add all truthy parameters to the URL\n\n\n    for (const [name, value] of Object.entries(params)) {\n      if (!value) continue;\n      url.searchParams.append(name, value);\n    }\n\n    return url.toString();\n  } // @private\n\n\n  async apiFetch(uri, headers, options) {\n    if (!this.hasSession) {\n      await this.getSession();\n    }\n\n    return this.apiReallyFetch(uri, headers, options);\n  }\n\n  apiReallyFetch(uri, headers) {\n    let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n    uri = this.normalizeUriProtocol(uri);\n    return fetch(uri, {\n      headers\n    }).then(response => {\n      if (response.status === 401) {\n        // retry once with fresh token\n        return this.buildRetryHeaders(headers).then(newHeaders => {\n          return fetch(uri, {\n            headers: newHeaders\n          });\n        });\n      } else {\n        return response;\n      }\n    }).then(checkStatus).then(options.skipParse ? () => {} : res => res.json()).catch(throwConnectionError).catch(e => {\n      this.alertFunc(Object(_buildError__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(e));\n      throw e;\n    });\n  } // @private\n\n\n  apiPost(uri, headers, body) {\n    let method = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'POST';\n    headers = { ...headers,\n      'Content-Type': 'application/json'\n    };\n    const fetchOptions = {\n      method,\n      headers\n    };\n\n    if (body) {\n      fetchOptions.body = JSON.stringify(body);\n    } else {\n      fetchOptions.form = body;\n    }\n\n    uri = this.normalizeUriProtocol(uri);\n    return fetch(uri, fetchOptions).then(response => {\n      if (response.status === 401) {\n        // retry once with fresh token\n        return this.buildRetryHeaders(fetchOptions.headers).then(newHeaders => {\n          const newOptions = { ...fetchOptions,\n            headers: newHeaders\n          };\n          return fetch(uri, newOptions);\n        });\n      } else {\n        return response;\n      }\n    }).then(checkStatus).then(res => res.json()).catch(throwConnectionError).catch(e => e.response.json().then(body => {\n      console.error(e); // eslint-disable-line no-console\n\n      this.alertFunc(Object(_buildError__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(body));\n      throw e;\n    }));\n  } // @private\n\n\n  normalizeUriProtocol(uri, windowOverride) {\n    const windowHandle = windowOverride || (typeof window !== 'undefined' ? window : undefined);\n\n    if (windowHandle && windowHandle.location && windowHandle.location.protocol === 'https:') {\n      return uri.replace('http://', 'https://');\n    }\n\n    return uri;\n  } // @private\n\n\n  buildRetryHeaders(headers) {\n    return new Promise(resolve => {\n      this.refreshToken(freshToken => {\n        this.jwt = freshToken;\n        const freshHeader = headerFor(freshToken);\n        const mergedHeaders = { ...headers,\n          ...freshHeader\n        };\n        resolve(mergedHeaders);\n      });\n    });\n  }\n\n  baseUri(endpoint, host, windowOverride) {\n    if (!host && this.host) {\n      host = this.host;\n    }\n\n    host = originFromHost(host, windowOverride);\n    const sharedEndpoints = ['images', 'media', 'documents', 'all']; // 'all' will eventually be something different\n\n    const endpt = _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default()(sharedEndpoints).call(sharedEndpoints, endpoint) ? 'documents' : endpoint;\n    return `${host}/api/${endpt}`;\n  } // returns the URI to use with the fetchPage method to fetch the first page of\n  // the given endpoint. e.g. for wikiPages it might return:\n  //\n  //   //rce.docker/api/wikiPages?context_type=course&context_id=42\n  //\n\n\n  uriFor(endpoint, props) {\n    const {\n      host,\n      contextType,\n      contextId,\n      sortBy,\n      searchString,\n      perPage\n    } = props;\n    let extra = '';\n    const pageSizeParam = perPage ? `&per_page=${perPage}` : '';\n\n    switch (endpoint) {\n      case 'images':\n        extra = `&content_types=image${getSortParams(sortBy.sort, sortBy.dir)}${getSearchParam(searchString)}${optionalQuery(props, 'category')}`;\n        break;\n\n      case 'media':\n        // when requesting media files via the documents endpoint\n        extra = `&content_types=video,audio${getSortParams(sortBy.sort, sortBy.dir)}${getSearchParam(searchString)}`;\n        break;\n\n      case 'documents':\n        extra = `&exclude_content_types=image,video,audio${getSortParams(sortBy.sort, sortBy.dir)}${getSearchParam(searchString)}`;\n        break;\n\n      case 'media_objects':\n        // when requesting media objects (this is the currently used branch)\n        extra = `${getSortParams(sortBy.sort === 'alphabetical' ? 'title' : 'date', sortBy.dir)}${getSearchParam(searchString)}`;\n        break;\n\n      default:\n        extra = getSearchParam(searchString);\n    }\n\n    return `${this.baseUri(endpoint, host)}?contextType=${contextType}&contextId=${contextId}${pageSizeParam}${extra}`;\n  }\n\n}\n\nfunction getSortParams(sort, dir) {\n  let sortBy = sort;\n\n  if (sortBy === 'date_added') {\n    sortBy = 'created_at';\n  } else if (sortBy === 'alphabetical') {\n    sortBy = 'name';\n  }\n\n  return `&sort=${sortBy}&order=${dir}`;\n}\n\nfunction optionalQuery(props, name) {\n  return props[name] ? `&${name}=${props[name]}` : '';\n}\n\nfunction getSearchParam(searchString) {\n  return (searchString === null || searchString === void 0 ? void 0 : searchString.length) >= 3 ? `&search_term=${encodeURIComponent(searchString)}` : '';\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (RceApiSource);\n\n//# sourceURL=webpack:///./src/rcs/api.js?");
 
 /***/ }),
 
@@ -18526,7 +18526,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var redu
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _rcs_api__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../rcs/api */ \"./src/rcs/api.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 // normalize contextType. e.g. accept either of 'course' or 'courses', but\n// only store 'course'\n\nfunction normalizeContextType(contextType) {\n  switch (contextType) {\n    case 'course':\n    case 'courses':\n      return 'course';\n\n    case 'group':\n    case 'groups':\n      return 'group';\n\n    case 'user':\n    case 'users':\n      return 'user';\n\n    default:\n      return undefined;\n  }\n}\n/* eslint-disable prefer-const */\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function () {\n  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  let {\n    source,\n    jwt,\n    refreshToken,\n    host,\n    contextType,\n    contextId,\n    collections,\n    files,\n    folders,\n    upload,\n    images,\n    documents,\n    media,\n    flickr,\n    newPageLinkExpanded,\n    searchString,\n    sortBy,\n    all_files\n  } = props;\n  /* eslint-enable prefer-const */\n  // normalize contextType (including in props)\n\n  contextType = normalizeContextType(contextType);\n  props = { ...props,\n    contextType\n  };\n\n  if (searchString === undefined) {\n    searchString = '';\n  }\n\n  if (all_files === undefined) {\n    all_files = {\n      isLoading: false\n    };\n  }\n\n  if (!sortBy) sortBy = {};\n  sortBy = {\n    sort: 'date_added',\n    dir: 'desc',\n    ...sortBy\n  }; // default to API source\n\n  if (source == null) {\n    source = new _rcs_api__WEBPACK_IMPORTED_MODULE_0__[\"default\"]({\n      jwt,\n      refreshToken,\n      host\n    });\n  } // create collections in default state if none provided\n\n\n  if (collections === undefined) {\n    collections = {\n      announcements: source.initializeCollection('announcements', props),\n      assignments: source.initializeCollection('assignments', props),\n      discussions: source.initializeCollection('discussions', props),\n      modules: source.initializeCollection('modules', props),\n      quizzes: source.initializeCollection('quizzes', props),\n      wikiPages: source.initializeCollection('wikiPages', props)\n    };\n  }\n\n  if (upload === undefined) {\n    upload = source.initializeUpload(props);\n  }\n\n  if (flickr === undefined) {\n    flickr = source.initializeFlickr(props);\n  }\n\n  if (images === undefined) {\n    images = source.initializeImages(props);\n  }\n\n  if (documents === undefined) {\n    documents = source.initializeDocuments(props);\n  }\n\n  if (media === undefined) {\n    media = source.initializeMedia(props);\n  }\n\n  if (newPageLinkExpanded === undefined) {\n    newPageLinkExpanded = false;\n  }\n\n  function getAccordionIndex() {\n    try {\n      return window.sessionStorage.getItem('canvas_rce_links_accordion_index');\n    } catch (err) {\n      // If there is an error accessing session storage, just ignore it.\n      // We are likely in a test environment\n      return undefined;\n    }\n  }\n\n  const ui = {\n    selectedAccordionIndex: getAccordionIndex()\n  };\n  return {\n    ui,\n    source,\n    jwt,\n    host,\n    contextType,\n    contextId,\n    collections,\n    files,\n    folders,\n    upload,\n    images,\n    documents,\n    media,\n    flickr,\n    newPageLinkExpanded,\n    searchString,\n    sortBy,\n    all_files\n  };\n});\n\n//# sourceURL=webpack:///./src/sidebar/store/initialState.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _rcs_api__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../rcs/api */ \"./src/rcs/api.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 // normalize contextType. e.g. accept either of 'course' or 'courses', but\n// only store 'course'\n\nfunction normalizeContextType(contextType) {\n  switch (contextType) {\n    case 'course':\n    case 'courses':\n      return 'course';\n\n    case 'group':\n    case 'groups':\n      return 'group';\n\n    case 'user':\n    case 'users':\n      return 'user';\n\n    default:\n      return undefined;\n  }\n}\n/* eslint-disable prefer-const */\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function () {\n  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  let {\n    source,\n    jwt,\n    refreshToken,\n    host,\n    contextType,\n    contextId,\n    collections,\n    files,\n    folders,\n    upload,\n    images,\n    documents,\n    media,\n    flickr,\n    newPageLinkExpanded,\n    searchString,\n    sortBy,\n    all_files,\n    canvasOrigin\n  } = props;\n  /* eslint-enable prefer-const */\n  // normalize contextType (including in props)\n\n  contextType = normalizeContextType(contextType);\n  props = { ...props,\n    contextType\n  };\n\n  if (searchString === undefined) {\n    searchString = '';\n  }\n\n  if (all_files === undefined) {\n    all_files = {\n      isLoading: false\n    };\n  }\n\n  if (!sortBy) sortBy = {};\n  sortBy = {\n    sort: 'date_added',\n    dir: 'desc',\n    ...sortBy\n  }; // default to API source\n\n  if (source == null) {\n    source = new _rcs_api__WEBPACK_IMPORTED_MODULE_0__[\"default\"]({\n      jwt,\n      refreshToken,\n      host,\n      canvasOrigin\n    });\n  } // create collections in default state if none provided\n\n\n  if (collections === undefined) {\n    collections = {\n      announcements: source.initializeCollection('announcements', props),\n      assignments: source.initializeCollection('assignments', props),\n      discussions: source.initializeCollection('discussions', props),\n      modules: source.initializeCollection('modules', props),\n      quizzes: source.initializeCollection('quizzes', props),\n      wikiPages: source.initializeCollection('wikiPages', props)\n    };\n  }\n\n  if (upload === undefined) {\n    upload = source.initializeUpload(props);\n  }\n\n  if (flickr === undefined) {\n    flickr = source.initializeFlickr(props);\n  }\n\n  if (images === undefined) {\n    images = source.initializeImages(props);\n  }\n\n  if (documents === undefined) {\n    documents = source.initializeDocuments(props);\n  }\n\n  if (media === undefined) {\n    media = source.initializeMedia(props);\n  }\n\n  if (newPageLinkExpanded === undefined) {\n    newPageLinkExpanded = false;\n  }\n\n  function getAccordionIndex() {\n    try {\n      return window.sessionStorage.getItem('canvas_rce_links_accordion_index');\n    } catch (err) {\n      // If there is an error accessing session storage, just ignore it.\n      // We are likely in a test environment\n      return undefined;\n    }\n  }\n\n  const ui = {\n    selectedAccordionIndex: getAccordionIndex()\n  };\n  return {\n    ui,\n    source,\n    jwt,\n    host,\n    contextType,\n    contextId,\n    collections,\n    files,\n    folders,\n    upload,\n    images,\n    documents,\n    media,\n    flickr,\n    newPageLinkExpanded,\n    searchString,\n    sortBy,\n    all_files\n  };\n});\n\n//# sourceURL=webpack:///./src/sidebar/store/initialState.js?");
 
 /***/ }),