@instructure/canvas-rce 5.14.2 → 5.15.0

package/es/rcs/api.js

@@ -33,10 +33,9 @@ export function originFromHost(host, windowOverride) {
   if (typeof origin !== 'string') {
     origin = '';
   } else if (origin && origin.substr(0, 4) !== 'http') {
-    var _windowHandle$locatio;
     origin = `//${origin}`;
     const windowHandle = windowOverride || (typeof window !== 'undefined' ? window : undefined);
-    if (origin.length > 0 && windowHandle !== null && windowHandle !== void 0 && (_windowHandle$locatio = windowHandle.location) !== null && _windowHandle$locatio !== void 0 && _windowHandle$locatio.protocol) {
+    if (origin.length > 0 && windowHandle?.location?.protocol) {
       origin = `${windowHandle.location.protocol}${origin}`;
     }
   }
@@ -67,7 +66,6 @@ function normalizeFileData(file) {
 }
 function throwConnectionError(error) {
   if (error.name === 'TypeError') {
-    // eslint-disable-next-line no-console
     console.error(`Failed to fetch from the canvas-rce-api.
       Did you forget to start it or configure it?
       Details can be found at https://github.com/instructure/canvas-rce-api
@@ -76,8 +74,7 @@ function throwConnectionError(error) {
   throw error;
 }
 class RceApiSource {
-  constructor() {
-    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(options = {}) {
     this.jwt = options.jwt;
     this.host = options.host;
     this.refreshToken = options.refreshToken || defaultRefreshTokenHandler;
@@ -154,11 +151,10 @@ class RceApiSource {
   fetchDocs(props) {
     const documents = props.documents[props.contextType];
     const uri = documents.bookmark || this.uriFor('documents', props);
-    return this.apiFetch(uri, headerFor(this.jwt)).then(_ref => {
-      let {
-        bookmark,
-        files
-      } = _ref;
+    return this.apiFetch(uri, headerFor(this.jwt)).then(({
+      bookmark,
+      files
+    }) => {
       return {
         bookmark,
         files: files.map(f => fixupFileUrl(props.contextType, props.contextId, f, this.canvasOrigin))
@@ -166,15 +162,13 @@ class RceApiSource {
     });
   }
   fetchMedia(props) {
-    var _RCEGlobals$getFeatur;
     const media = props.media[props.contextType];
     const uri = media.bookmark || this.uriFor('media', props);
-    if ((_RCEGlobals$getFeatur = RCEGlobals.getFeatures()) !== null && _RCEGlobals$getFeatur !== void 0 && _RCEGlobals$getFeatur.media_links_use_attachment_id) {
-      return this.apiFetch(uri, headerFor(this.jwt)).then(_ref2 => {
-        let {
-          bookmark,
-          files
-        } = _ref2;
+    if (RCEGlobals.getFeatures()?.media_links_use_attachment_id) {
+      return this.apiFetch(uri, headerFor(this.jwt)).then(({
+        bookmark,
+        files
+      }) => {
         return {
           bookmark,
           files: files.map(f => fixupFileUrl(props.contextType, props.contextId, f, this.canvasOrigin))
@@ -184,11 +178,10 @@ class RceApiSource {
     return this.apiFetch(uri, headerFor(this.jwt));
   }
   fetchFiles(uri) {
-    return this.fetchPage(uri).then(_ref3 => {
-      let {
-        bookmark,
-        files
-      } = _ref3;
+    return this.fetchPage(uri).then(({
+      bookmark,
+      files
+    }) => {
       return {
         bookmark,
         files: files.map(normalizeFileData)
@@ -221,26 +214,22 @@ class RceApiSource {
     };
     return this.apiPost(this.baseUri('media_objects'), headerFor(this.jwt), body);
   }
-  updateMediaObject(apiProps, _ref4) {
-    var _RCEGlobals$getFeatur2;
-    let {
-      media_object_id,
-      title,
-      attachment_id
-    } = _ref4;
-    const uri = (_RCEGlobals$getFeatur2 = RCEGlobals.getFeatures()) !== null && _RCEGlobals$getFeatur2 !== void 0 && _RCEGlobals$getFeatur2.media_links_use_attachment_id && attachment_id ? `${this.baseUri('media_attachments', apiProps.host)}/${attachment_id}?user_entered_title=${encodeURIComponent(title)}` : `${this.baseUri('media_objects', apiProps.host)}/${media_object_id}?user_entered_title=${encodeURIComponent(title)}`;
+  updateMediaObject(apiProps, {
+    media_object_id,
+    title,
+    attachment_id
+  }) {
+    const uri = RCEGlobals.getFeatures()?.media_links_use_attachment_id && attachment_id ? `${this.baseUri('media_attachments', apiProps.host)}/${attachment_id}?user_entered_title=${encodeURIComponent(title)}` : `${this.baseUri('media_objects', apiProps.host)}/${media_object_id}?user_entered_title=${encodeURIComponent(title)}`;
     return this.apiPost(uri, headerFor(this.jwt), null, 'PUT');
   }
 
   // PUT to //RCS/api/media_objects/:mediaId/media_tracks [{locale, content}, ...]
   // receive back a 200 with the new subtitles, or a 4xx error
-  updateClosedCaptions(apiProps, _ref5) {
-    let {
-      media_object_id,
-      attachment_id,
-      subtitles
-    } = _ref5;
-    let maxBytes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : CONSTANTS.CC_FILE_MAX_BYTES;
+  updateClosedCaptions(apiProps, {
+    media_object_id,
+    attachment_id,
+    subtitles
+  }, maxBytes = CONSTANTS.CC_FILE_MAX_BYTES) {
     const rcsConfig = {
       origin: originFromHost(apiProps.host),
       headers: headerFor(apiProps.jwt)
@@ -293,11 +282,10 @@ class RceApiSource {
     const uri = bookmark || `${this.baseUri('folders', props.host)}/${props.folderId}`;
     return this.apiFetch(uri, headerFor(this.jwt));
   }
-  fetchIconMakerFolder(_ref6) {
-    let {
-      contextId,
-      contextType
-    } = _ref6;
+  fetchIconMakerFolder({
+    contextId,
+    contextType
+  }) {
     const uri = this.uriFor('folders/icon_maker', {
       contextId,
       contextType,
@@ -322,11 +310,10 @@ class RceApiSource {
     const images = props.images[props.contextType];
     const uri = images.bookmark || this.uriFor('images', props);
     const headers = headerFor(this.jwt);
-    return this.apiFetch(uri, headers).then(_ref7 => {
-      let {
-        bookmark,
-        files
-      } = _ref7;
+    return this.apiFetch(uri, headers).then(({
+      bookmark,
+      files
+    }) => {
       return {
         bookmark,
         files: files.map(f => fixupFileUrl(props.contextType, props.contextId, f, this.canvasOrigin)),
@@ -426,8 +413,7 @@ class RceApiSource {
     const uri = `${base}?term=${encodeURIComponent(term)}`;
     return this.apiFetch(uri, headers);
   }
-  getFile(id) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  getFile(id, options = {}) {
     const headers = headerFor(this.jwt);
     const base = this.baseUri('file');
 
@@ -470,8 +456,7 @@ class RceApiSource {
     }
     return this.apiReallyFetch(uri, headers, options);
   }
-  apiReallyFetch(uri, headers) {
-    let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  apiReallyFetch(uri, headers, options = {}) {
     uri = this.normalizeUriProtocol(uri);
     return fetch(uri, {
       headers
@@ -493,8 +478,7 @@ class RceApiSource {
   }
 
   // @private
-  apiPost(uri, headers, body) {
-    let method = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'POST';
+  apiPost(uri, headers, body, method = 'POST') {
     headers = {
       ...headers,
       'Content-Type': 'application/json'
@@ -523,7 +507,7 @@ class RceApiSource {
         return response;
       }
     }).then(checkStatus).then(res => res.json()).catch(throwConnectionError).catch(e => e.response.json().then(responseBody => {
-      console.error(e); // eslint-disable-line no-console
+      console.error(e);
       this.alertFunc(buildError(responseBody));
       throw e;
     }));
@@ -612,6 +596,6 @@ function optionalQuery(props, name) {
   return props[name] ? `&${name}=${props[name]}` : '';
 }
 export function getSearchParam(searchString) {
-  return (searchString === null || searchString === void 0 ? void 0 : searchString.length) >= 3 ? `&search_term=${encodeURIComponent(searchString)}` : '';
+  return searchString?.length >= 3 ? `&search_term=${encodeURIComponent(searchString)}` : '';
 }
 export default RceApiSource;

package/es/rcs/buildError.js

@@ -39,7 +39,7 @@ function getErrorClass(errorContext, error) {
 }
 class QuotaError {
   static isMatch(errorContext) {
-    return (errorContext === null || errorContext === void 0 ? void 0 : errorContext.message) === 'file size exceeds quota';
+    return errorContext?.message === 'file size exceeds quota';
   }
   static build(_error) {
     return {
@@ -50,7 +50,7 @@ class QuotaError {
 }
 class CaptionSizeError {
   static isMatch(_errorContext, error) {
-    return (error === null || error === void 0 ? void 0 : error.name) === 'FileSizeError';
+    return error?.name === 'FileSizeError';
   }
   static build(error) {
     return {
@@ -63,7 +63,7 @@ class CaptionSizeError {
 }
 class CaptionCreationError {
   static isMatch(errorContext) {
-    return (errorContext === null || errorContext === void 0 ? void 0 : errorContext.message) === 'failed to save captions';
+    return errorContext?.message === 'failed to save captions';
   }
   static build(_error) {
     return {

package/es/rcs/fake.js

@@ -462,8 +462,7 @@ export function fetchFolders() {
     }, 1000);
   });
 }
-export function fetchFiles() {
-  let uri = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'files';
+export function fetchFiles(uri = 'files') {
   return Promise.resolve(PAGES[uri]);
 }
 export function fetchImages(props) {
@@ -577,11 +576,10 @@ export function fetchMedia(state) {
     }, FAKE_TIMEOUT);
   });
 }
-export function updateMediaObject(state, _ref) {
-  let {
-    media_object_id,
-    title
-  } = _ref;
+export function updateMediaObject(state, {
+  media_object_id,
+  title
+}) {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   return new Promise((resolve, reject) => {
     setTimeout(() => {

package/es/sidebar/actions/documents.js

@@ -36,12 +36,11 @@ export function requestDocs(contextType) {
     }
   };
 }
-export function receiveDocs(_ref) {
-  let {
-    response,
-    contextType,
-    contextId
-  } = _ref;
+export function receiveDocs({
+  response,
+  contextType,
+  contextId
+}) {
   const {
     files,
     bookmark
@@ -56,11 +55,10 @@ export function receiveDocs(_ref) {
     }
   };
 }
-export function failDocs(_ref2) {
-  let {
-    error,
-    contextType
-  } = _ref2;
+export function failDocs({
+  error,
+  contextType
+}) {
   return {
     type: FAIL_DOCS,
     payload: {
@@ -93,7 +91,7 @@ export function fetchNextDocs() {
   return (dispatch, getState) => {
     const state = getState();
     const documents = state.documents[state.contextType];
-    if (!(documents !== null && documents !== void 0 && documents.isLoading) && documents !== null && documents !== void 0 && documents.hasMore) {
+    if (!documents?.isLoading && documents?.hasMore) {
       dispatch(requestDocs(state.contextType));
       return dispatch(fetchDocs());
     }

package/es/sidebar/actions/files.js

@@ -31,14 +31,13 @@ export function createToggle(id) {
     id
   };
 }
-export function createAddFile(_ref) {
-  let {
-    id,
-    name,
-    url,
-    type,
-    embed
-  } = _ref;
+export function createAddFile({
+  id,
+  name,
+  url,
+  type,
+  embed
+}) {
   return {
     type: ADD_FILE,
     id,
@@ -75,11 +74,10 @@ export function requestFiles(id, bookmark) {
       folders
     } = getState();
     dispatch(createRequestFiles(id));
-    return source.fetchFiles(bookmark || folders[id].filesUrl).then(_ref2 => {
-      let {
-        files,
-        bookmark
-      } = _ref2;
+    return source.fetchFiles(bookmark || folders[id].filesUrl).then(({
+      files,
+      bookmark
+    }) => {
       dispatch(files.map(createAddFile).concat(createReceiveFiles(id, files)));
       if (bookmark) {
         // Page through all in folder, pagination links of a tree may be
@@ -119,11 +117,10 @@ export function requestSubfolders(id, bookmark) {
       folders
     } = getState();
     dispatch(createRequestSubfolders(id));
-    return source.fetchPage(bookmark || folders[id].foldersUrl).then(_ref3 => {
-      let {
-        folders,
-        bookmark
-      } = _ref3;
+    return source.fetchPage(bookmark || folders[id].foldersUrl).then(({
+      folders,
+      bookmark
+    }) => {
       dispatch(folders.map(createAddFolder).concat(createReceiveSubfolders(id, folders, bookmark)));
       if (bookmark) {
         // Page through all in folder, pagination links if a tree may be
@@ -151,10 +148,9 @@ export function createSetRoot(id) {
 }
 export function init(dispatch, getState) {
   const props = getState();
-  return props.source.fetchRootFolder(props).then(_ref4 => {
-    let {
-      folders
-    } = _ref4;
+  return props.source.fetchRootFolder(props).then(({
+    folders
+  }) => {
     const root = folders[0];
     if (root) {
       dispatch([createAddFolder(root), createSetRoot(root.id)]);

package/es/sidebar/actions/filter.js

@@ -21,11 +21,10 @@ export const CHANGE_CONTEXT_TYPE = 'CHANGE_CONTEXT_TYPE';
 export const CHANGE_CONTEXT_ID = 'CHANGE_CONTEXT_ID';
 export const CHANGE_SEARCH_STRING = 'CHANGE_SEARCH_STRING';
 export const CHANGE_SORT_BY = 'CHANGE_SORT_BY';
-export function changeContext(_ref) {
-  let {
-    contextType,
-    contextId
-  } = _ref;
+export function changeContext({
+  contextType,
+  contextId
+}) {
   return dispatch => {
     dispatch(changeContextType(contextType));
     dispatch(changeContextId(contextId));

package/es/sidebar/actions/images.js

@@ -23,14 +23,13 @@ export const REQUEST_INITIAL_IMAGES = 'action.images.request_initial_images';
 export const REQUEST_IMAGES = 'action.images.request_images';
 export const RECEIVE_IMAGES = 'action.images.receive_images';
 export const FAIL_IMAGES_LOAD = 'action.images.fail_images_load';
-export function createAddImage(_ref, contextType) {
-  let {
-    id,
-    filename,
-    display_name,
-    url,
-    thumbnail_url
-  } = _ref;
+export function createAddImage({
+  id,
+  filename,
+  display_name,
+  url,
+  thumbnail_url
+}, contextType) {
   return {
     type: ADD_IMAGE,
     payload: {
@@ -61,12 +60,11 @@ export function requestImages(contextType) {
     }
   };
 }
-export function receiveImages(_ref2) {
-  let {
-    response,
-    contextType,
-    opts = {}
-  } = _ref2;
+export function receiveImages({
+  response,
+  contextType,
+  opts = {}
+}) {
   const {
     files,
     bookmark,
@@ -82,11 +80,10 @@ export function receiveImages(_ref2) {
     }
   };
 }
-export function failImagesLoad(_ref3) {
-  let {
-    error,
-    contextType
-  } = _ref3;
+export function failImagesLoad({
+  error,
+  contextType
+}) {
   return {
     type: FAIL_IMAGES_LOAD,
     payload: {
@@ -109,8 +106,7 @@ export const applyAttributes = (file, opts) => {
 // dispatches the start of the load, requests a page for the collection from
 // the source, then dispatches the loaded page to the store on success or
 // clears the load on failure
-export function fetchImages() {
-  let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+export function fetchImages(opts = {}) {
   const {
     category
   } = opts;
@@ -131,12 +127,11 @@ export function fetchImages() {
 }
 // fetches a page only if a page is not already being loaded and the
 // collection is not yet completely loaded
-export function fetchNextImages() {
-  let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+export function fetchNextImages(opts = {}) {
   return (dispatch, getState) => {
     const state = getState();
     const images = state.images[state.contextType];
-    if (!(images !== null && images !== void 0 && images.isLoading) && images !== null && images !== void 0 && images.hasMore) {
+    if (!images?.isLoading && images?.hasMore) {
       dispatch(requestImages(state.contextType));
       return dispatch(fetchImages(opts));
     }
@@ -144,8 +139,7 @@ export function fetchNextImages() {
 }
 // fetches the next page (subject to conditions on fetchNextImages) only if the
 // collection is currently empty
-export function fetchInitialImages() {
-  let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+export function fetchInitialImages(opts = {}) {
   return (dispatch, getState) => {
     const state = getState();
     dispatch(requestInitialImages(state.contextType));

package/es/sidebar/actions/media.js

@@ -38,11 +38,10 @@ export function requestMedia(contextType) {
     }
   };
 }
-export function receiveMedia(_ref) {
-  let {
-    response,
-    contextType
-  } = _ref;
+export function receiveMedia({
+  response,
+  contextType
+}) {
   const {
     files,
     bookmark
@@ -56,11 +55,10 @@ export function receiveMedia(_ref) {
     }
   };
 }
-export function failMedia(_ref2) {
-  let {
-    error,
-    contextType
-  } = _ref2;
+export function failMedia({
+  error,
+  contextType
+}) {
   return {
     type: FAIL_MEDIA,
     payload: {
@@ -93,7 +91,7 @@ export function fetchNextMedia() {
   return (dispatch, getState) => {
     const state = getState();
     const media = state.media[state.contextType];
-    if (!(media !== null && media !== void 0 && media.isLoading) && media !== null && media !== void 0 && media.hasMore) {
+    if (!media?.isLoading && media?.hasMore) {
       dispatch(requestMedia(state.contextType));
       return dispatch(fetchMedia());
     }
@@ -111,13 +109,12 @@ export function fetchInitialMedia() {
 }
 
 // update the media object.
-export function updateMediaObject(_ref3) {
-  let {
-    media_object_id,
-    attachment_id,
-    title,
-    subtitles
-  } = _ref3;
+export function updateMediaObject({
+  media_object_id,
+  attachment_id,
+  title,
+  subtitles
+}) {
   return (dispatch, getState) => {
     const state = getState();
     const moUpdate = state.source.updateMediaObject(state, {

package/es/sidebar/actions/session.js

@@ -24,9 +24,8 @@ function receiveSession(data) {
   };
 }
 export function get(dispatch, getState) {
-  var _source$getSession;
   const {
     source
   } = getState();
-  return (_source$getSession = source.getSession) === null || _source$getSession === void 0 ? void 0 : _source$getSession.call(source).then(data => dispatch(receiveSession(data)));
+  return source.getSession?.().then(data => dispatch(receiveSession(data)));
 }