@instructure/canvas-rce 5.14.2 → 5.15.0

package/es/rce/plugins/instructure_equation/EquationEditorModal/latexTextareaUtil.js

@@ -28,9 +28,9 @@ import { performTextEditActionOnTextarea } from '../../../../util/textarea-editi
  */
 export function insertTextIntoLatexTextarea(textarea, insertionText) {
   var _textarea$value, _textarea$selectionSt, _textarea$selectionEn;
-  const currentText = (_textarea$value = textarea === null || textarea === void 0 ? void 0 : textarea.value) !== null && _textarea$value !== void 0 ? _textarea$value : '';
-  const selStart = (_textarea$selectionSt = textarea === null || textarea === void 0 ? void 0 : textarea.selectionStart) !== null && _textarea$selectionSt !== void 0 ? _textarea$selectionSt : currentText.length;
-  const selEnd = (_textarea$selectionEn = textarea === null || textarea === void 0 ? void 0 : textarea.selectionEnd) !== null && _textarea$selectionEn !== void 0 ? _textarea$selectionEn : selStart;
+  const currentText = (_textarea$value = textarea?.value) !== null && _textarea$value !== void 0 ? _textarea$value : '';
+  const selStart = (_textarea$selectionSt = textarea?.selectionStart) !== null && _textarea$selectionSt !== void 0 ? _textarea$selectionSt : currentText.length;
+  const selEnd = (_textarea$selectionEn = textarea?.selectionEnd) !== null && _textarea$selectionEn !== void 0 ? _textarea$selectionEn : selStart;
   textarea.focus();
   planInsertTextIntoLatexTextarea({
     insertionText,

package/es/rce/plugins/instructure_equation/EquationEditorModal/parseLatex.js

@@ -48,8 +48,8 @@ export const parseLatex = editor => {
   const selection = editor.selection.getContent();
   const selectionNode = editor.selection.getNode();
   const editorRange = editor.selection.getRng();
-  const startContainer = editorRange === null || editorRange === void 0 ? void 0 : editorRange.startContainer;
-  const wholeText = startContainer === null || startContainer === void 0 ? void 0 : startContainer.wholeText;
+  const startContainer = editorRange?.startContainer;
+  const wholeText = startContainer?.wholeText;
 
   // check if selection is inline latex
   if (selection && selectionIsLatex(selection)) {
@@ -58,7 +58,7 @@ export const parseLatex = editor => {
       latex,
       advancedOnly: containsAdvancedSyntax(latex)
     };
-  } else if ((selectionNode === null || selectionNode === void 0 ? void 0 : selectionNode.tagName) === 'IMG' && selectionNode !== null && selectionNode !== void 0 && selectionNode.classList.contains('equation_image')) {
+  } else if (selectionNode?.tagName === 'IMG' && selectionNode?.classList.contains('equation_image')) {
     // check if we launched modal from an equation image
     try {
       const src = new URL(selectionNode.src);

package/es/rce/plugins/instructure_equation/EquationEditorToolbar/buttons.js

@@ -16,8 +16,8 @@
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
 
-const formatMessage = require('../../../../format-message');
-module.exports = [{
+import formatMessage from '../../../../format-message';
+export default [{
   name: formatMessage('Basic'),
   commands: [{
     displayName: 'x_{\u2B1A}^{\\ }',

package/es/rce/plugins/instructure_equation/EquationEditorToolbar/index.js

@@ -29,10 +29,9 @@ const buttonContainerStyle = {
 };
 function EquationEditorToolbar(props) {
   const [selectedTab, setSelectedTab] = useState('Basic');
-  const handleTabChange = (event, _ref) => {
-    let {
-      index
-    } = _ref;
+  const handleTabChange = (event, {
+    index
+  }) => {
     setSelectedTab(buttons[index].name);
   };
   const renderTabPanel = section => /*#__PURE__*/React.createElement(Tabs.Panel, {
@@ -41,13 +40,12 @@ function EquationEditorToolbar(props) {
     padding: "small small",
     renderTitle: section.name,
     isSelected: selectedTab === section.name
-  }, section.commands.map(_ref2 => {
-    let {
-      displayName,
-      command,
-      advancedCommand,
-      label
-    } = _ref2;
+  }, section.commands.map(({
+    displayName,
+    command,
+    advancedCommand,
+    label
+  }) => {
     const name = displayName || command;
     const icon = /*#__PURE__*/React.createElement(MathIcon, {
       command: command

package/es/rce/plugins/instructure_equation/MathIcon/index.js

@@ -21,10 +21,9 @@ import { string } from 'prop-types';
 import { IconWarningLine } from '@instructure/ui-icons';
 import { SVGIcon } from '@instructure/ui-svg-images';
 import svgs from './svgs';
-export default function MathIcon(_ref) {
-  let {
-    command
-  } = _ref;
+export default function MathIcon({
+  command
+}) {
   if (command in svgs) {
     return /*#__PURE__*/React.createElement(SVGIcon, {
       src: svgs[command],

package/es/rce/plugins/instructure_equation/mathlive/index.js

@@ -1,22 +1,173 @@
 /*
- * Copyright (C) 2021 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
+* Copyright (c) 2017 - present Arno Gourdol. All rights reserved.
+
+* Permission is hereby granted, free of charge, to any person obtaining a
+* copy of this software and associated documentation files (the "Software"),
+* to deal in the Software without restriction, including without limitation
+* the rights to use, copy, modify, merge, publish, distribute, sublicense,
+* and/or sell copies of the Software, and to permit persons to whom the
+* Software is furnished to do so, subject to the following conditions:
+
+* The above copyright notice and this permission notice shall be included in
+* all copies or substantial portions of the Software.
+
+* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
+* DEALINGS IN THE SOFTWARE.
  */
 
-const mathliveCss = require('mathlive/dist/mathlive-fonts.css');
+// TODO: restore import after switch from webpack to rslib
+// import mathliveCss from 'mathlive/dist/mathlive-fonts.css'
+
+const mathliveCss = `
+@font-face {
+  font-display: "swap";
+  font-family: KaTeX_AMS;
+  font-style: normal;
+  font-weight: 400;
+  src: url(fonts/KaTeX_AMS-Regular.woff2) format("woff2");
+}
+@font-face {
+  font-display: "swap";
+  font-family: KaTeX_Caligraphic;
+  font-style: normal;
+  font-weight: 700;
+  src: url(fonts/KaTeX_Caligraphic-Bold.woff2) format("woff2");
+}
+@font-face {
+  font-display: "swap";
+  font-family: KaTeX_Caligraphic;
+  font-style: normal;
+  font-weight: 400;
+  src: url(fonts/KaTeX_Caligraphic-Regular.woff2) format("woff2");
+}
+@font-face {
+  font-display: "swap";
+  font-family: KaTeX_Fraktur;
+  font-style: normal;
+  font-weight: 700;
+  src: url(fonts/KaTeX_Fraktur-Bold.woff2) format("woff2");
+}
+@font-face {
+  font-display: "swap";
+  font-family: KaTeX_Fraktur;
+  font-style: normal;
+  font-weight: 400;
+  src: url(fonts/KaTeX_Fraktur-Regular.woff2) format("woff2");
+}
+@font-face {
+  font-display: "swap";
+  font-family: KaTeX_Main;
+  font-style: italic;
+  font-weight: 700;
+  src: url(fonts/KaTeX_Main-BoldItalic.woff2) format("woff2");
+}
+@font-face {
+  font-display: "swap";
+  font-family: KaTeX_Main;
+  font-style: normal;
+  font-weight: 700;
+  src: url(fonts/KaTeX_Main-Bold.woff2) format("woff2");
+}
+@font-face {
+  font-display: "swap";
+  font-family: KaTeX_Main;
+  font-style: italic;
+  font-weight: 400;
+  src: url(fonts/KaTeX_Main-Italic.woff2) format("woff2");
+}
+@font-face {
+  font-display: "swap";
+  font-family: KaTeX_Main;
+  font-style: normal;
+  font-weight: 400;
+  src: url(fonts/KaTeX_Main-Regular.woff2) format("woff2");
+}
+@font-face {
+  font-display: "swap";
+  font-family: KaTeX_Math;
+  font-style: italic;
+  font-weight: 700;
+  src: url(fonts/KaTeX_Math-BoldItalic.woff2) format("woff2");
+}
+@font-face {
+  font-display: "swap";
+  font-family: KaTeX_Math;
+  font-style: italic;
+  font-weight: 400;
+  src: url(fonts/KaTeX_Math-Italic.woff2) format("woff2");
+}
+@font-face {
+  font-display: "swap";
+  font-family: "KaTeX_SansSerif";
+  font-style: normal;
+  font-weight: 700;
+  src: url(fonts/KaTeX_SansSerif-Bold.woff2) format("woff2");
+}
+@font-face {
+  font-display: "swap";
+  font-family: "KaTeX_SansSerif";
+  font-style: italic;
+  font-weight: 400;
+  src: url(fonts/KaTeX_SansSerif-Italic.woff2) format("woff2");
+}
+@font-face {
+  font-display: "swap";
+  font-family: "KaTeX_SansSerif";
+  font-style: normal;
+  font-weight: 400;
+  src: url(fonts/KaTeX_SansSerif-Regular.woff2) format("woff2");
+}
+@font-face {
+  font-display: "swap";
+  font-family: KaTeX_Script;
+  font-style: normal;
+  font-weight: 400;
+  src: url(fonts/KaTeX_Script-Regular.woff2) format("woff2");
+}
+@font-face {
+  font-display: "swap";
+  font-family: KaTeX_Size1;
+  font-style: normal;
+  font-weight: 400;
+  src: url(fonts/KaTeX_Size1-Regular.woff2) format("woff2");
+}
+@font-face {
+  font-display: "swap";
+  font-family: KaTeX_Size2;
+  font-style: normal;
+  font-weight: 400;
+  src: url(fonts/KaTeX_Size2-Regular.woff2) format("woff2");
+}
+@font-face {
+  font-display: "swap";
+  font-family: KaTeX_Size3;
+  font-style: normal;
+  font-weight: 400;
+  src: url(fonts/KaTeX_Size3-Regular.woff2) format("woff2");
+}
+@font-face {
+  font-display: "swap";
+  font-family: KaTeX_Size4;
+  font-style: normal;
+  font-weight: 400;
+  src: url(fonts/KaTeX_Size4-Regular.woff2) format("woff2");
+}
+@font-face {
+  font-display: "swap";
+  font-family: KaTeX_Typewriter;
+  font-style: normal;
+  font-weight: 400;
+  src: url(fonts/KaTeX_Typewriter-Regular.woff2) format("woff2");
+}
+:root {
+  --ML__static-fonts: true;
+}
+`;
 const cssRules = `.ML__popover {
   /* Override this so it shows up on top of dialogs */
   z-index: 20000 !important;

package/es/rce/plugins/instructure_fullscreen/plugin.js

@@ -29,7 +29,6 @@ tinymce.PluginManager.add('instructure_fullscreen', function (editor) {
     icon: 'fullscreen',
     onAction: () => editor.execCommand('instructureFullscreen'),
     onSetup(api) {
-      // @ts-expect-error
       api.setDisabled(!!document[FS_ELEMENT]);
       return () => undefined;
     }
@@ -39,7 +38,6 @@ tinymce.PluginManager.add('instructure_fullscreen', function (editor) {
     icon: 'fullscreen_exit',
     onAction: () => editor.execCommand('instructureFullscreen'),
     onSetup(api) {
-      // @ts-expect-error
       api.setDisabled(!document[FS_ELEMENT]);
       return () => undefined;
     }

package/es/rce/plugins/instructure_icon_maker/clickCallback.js

@@ -25,10 +25,9 @@ export const LIST_ICON_MAKER = 'list_icon_maker_icons';
 export const EDIT_ICON_MAKER = 'edit_icon_maker_icon';
 export const ICONS_TRAY_CONTAINER_ID = 'instructure-rce-icons-tray-container';
 export default function (ed, document, type) {
-  return import('./components/IconMakerTray').then(_ref => {
-    let {
-      IconMakerTray
-    } = _ref;
+  return import('./components/IconMakerTray').then(({
+    IconMakerTray
+  }) => {
     let container = document.querySelector(`#${ICONS_TRAY_CONTAINER_ID}`);
     const trayProps = bridge.trayProps.get(ed);
     const handleUnmount = () => {

package/es/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/ColorSection.js

@@ -24,55 +24,52 @@ import formatMessage from '../../../../../format-message';
 const OUTLINE_SIZES = ['none', 'small', 'medium', 'large'];
 export const COLOR_SECTION_ID = 'icons-tray-color-section';
 const getColorSection = () => document.querySelector(`#${COLOR_SECTION_ID}`);
-export const ColorSection = _ref => {
-  let {
-    settings,
-    onChange
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Flex, {
-    as: "section",
-    direction: "column",
-    id: COLOR_SECTION_ID,
-    justifyItems: "space-between",
-    padding: "0 small"
-  }, /*#__PURE__*/React.createElement(Flex.Item, {
-    padding: "small"
-  }, /*#__PURE__*/React.createElement(ColorInput, {
-    color: settings.color,
-    label: formatMessage('Icon Color'),
-    name: "icon-color",
-    onChange: color => onChange({
-      color
-    }),
-    popoverMountNode: getColorSection
-  })), /*#__PURE__*/React.createElement(Flex.Item, {
-    padding: "small"
-  }, /*#__PURE__*/React.createElement(SimpleSelect, {
-    assistiveText: formatMessage('Use arrow keys to select an outline size.'),
-    id: "icon-outline-size",
-    mountNode: getColorSection,
-    onChange: (e, option) => onChange({
-      outlineSize: option.value
-    }),
-    renderLabel: formatMessage('Outline Size'),
-    value: settings.outlineSize
-  }, OUTLINE_SIZES.map(size => /*#__PURE__*/React.createElement(SimpleSelect.Option, {
-    id: `outline-size-${size}`,
-    key: `outline-size-${size}`,
-    value: size
-  }, OUTLINE_SIZE_DESCRIPTION[size] || '')))), /*#__PURE__*/React.createElement(Flex.Item, {
-    padding: "small"
-  }, /*#__PURE__*/React.createElement(ColorInput, {
-    color: settings.outlineColor,
-    label: formatMessage('Outline Color'),
-    name: "icon-outline",
-    onChange: outlineColor => onChange({
-      outlineColor
-    }),
-    popoverMountNode: getColorSection,
-    requireColor: true
-  })));
-};
+export const ColorSection = ({
+  settings,
+  onChange
+}) => /*#__PURE__*/React.createElement(Flex, {
+  as: "section",
+  direction: "column",
+  id: COLOR_SECTION_ID,
+  justifyItems: "space-between",
+  padding: "0 small"
+}, /*#__PURE__*/React.createElement(Flex.Item, {
+  padding: "small"
+}, /*#__PURE__*/React.createElement(ColorInput, {
+  color: settings.color,
+  label: formatMessage('Icon Color'),
+  name: "icon-color",
+  onChange: color => onChange({
+    color
+  }),
+  popoverMountNode: getColorSection
+})), /*#__PURE__*/React.createElement(Flex.Item, {
+  padding: "small"
+}, /*#__PURE__*/React.createElement(SimpleSelect, {
+  assistiveText: formatMessage('Use arrow keys to select an outline size.'),
+  id: "icon-outline-size",
+  mountNode: getColorSection,
+  onChange: (e, option) => onChange({
+    outlineSize: option.value
+  }),
+  renderLabel: formatMessage('Outline Size'),
+  value: settings.outlineSize
+}, OUTLINE_SIZES.map(size => /*#__PURE__*/React.createElement(SimpleSelect.Option, {
+  id: `outline-size-${size}`,
+  key: `outline-size-${size}`,
+  value: size
+}, OUTLINE_SIZE_DESCRIPTION[size] || '')))), /*#__PURE__*/React.createElement(Flex.Item, {
+  padding: "small"
+}, /*#__PURE__*/React.createElement(ColorInput, {
+  color: settings.outlineColor,
+  label: formatMessage('Outline Color'),
+  name: "icon-outline",
+  onChange: outlineColor => onChange({
+    outlineColor
+  }),
+  popoverMountNode: getColorSection,
+  requireColor: true
+})));
 const OUTLINE_SIZE_DESCRIPTION = {
   none: formatMessage('None'),
   small: formatMessage('Small'),

package/es/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/CreateIconMakerForm.js

@@ -22,16 +22,15 @@ import { ShapeSection } from './ShapeSection';
 import { ColorSection } from './ColorSection';
 import { TextSection } from './TextSection';
 import { ImageSection } from './ImageSection';
-export const CreateIconMakerForm = _ref => {
-  let {
-    settings,
-    dispatch,
-    editor,
-    editing,
-    allowNameChange,
-    nameRef,
-    canvasOrigin
-  } = _ref;
+export const CreateIconMakerForm = ({
+  settings,
+  dispatch,
+  editor,
+  editing,
+  allowNameChange,
+  nameRef,
+  canvasOrigin
+}) => {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, {
     settings: settings,
     onChange: dispatch,

package/es/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/Footer.js

@@ -23,17 +23,16 @@ import { Flex } from '@instructure/ui-flex';
 import { View } from '@instructure/ui-view';
 import formatMessage from '../../../../../format-message';
 import { ConditionalTooltip } from '../../../shared/ConditionalTooltip';
-export const Footer = _ref => {
-  let {
-    disabled,
-    onCancel,
-    onSubmit,
-    replaceAll,
-    onReplaceAllChanged,
-    editing,
-    isModified,
-    applyRef
-  } = _ref;
+export const Footer = ({
+  disabled,
+  onCancel,
+  onSubmit,
+  replaceAll,
+  onReplaceAllChanged,
+  editing,
+  isModified,
+  applyRef
+}) => {
   return /*#__PURE__*/React.createElement(React.Fragment, null, editing && /*#__PURE__*/React.createElement(View, {
     as: "div",
     padding: "medium"

package/es/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/Group.js

@@ -19,12 +19,11 @@
 import React from 'react';
 import { ToggleGroup } from '@instructure/ui-toggle-details';
 import formatMessage from '../../../../../format-message';
-export function Group(_ref) {
-  let {
-    children,
-    summary,
-    ...props
-  } = _ref;
+export function Group({
+  children,
+  summary,
+  ...props
+}) {
   return /*#__PURE__*/React.createElement(ToggleGroup, Object.assign({
     background: "default",
     border: false,

package/es/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/Header.js

@@ -49,14 +49,13 @@ const getAltTextLabel = () => /*#__PURE__*/React.createElement(Flex, {
   size: "small",
   screenReaderLabel: formatMessage('Toggle tooltip')
 }))));
-export const Header = _ref => {
-  let {
-    settings,
-    onChange,
-    allowNameChange,
-    nameRef,
-    editing
-  } = _ref;
+export const Header = ({
+  settings,
+  onChange,
+  allowNameChange,
+  nameRef,
+  editing
+}) => {
   const originalName = settings.originalName;
   const [name, setName] = useDebouncedValue(settings.name, n => onChange({
     name: n

package/es/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/ImageSection/Course.js

@@ -63,7 +63,6 @@ const dispatchImage = async (dispatch, onChange, dataUrl, dataBlob) => {
         previewHeight: PREVIEW_HEIGHT
       });
     } catch (e) {
-      // eslint-disable-next-line no-console
       console.error(e);
     }
     dispatch({
@@ -80,14 +79,13 @@ const dispatchImage = async (dispatch, onChange, dataUrl, dataBlob) => {
     payload: image
   });
 };
-const Course = _ref => {
-  let {
-    dispatch,
-    onChange,
-    onLoading,
-    onLoaded,
-    canvasOrigin
-  } = _ref;
+const Course = ({
+  dispatch,
+  onChange,
+  onLoading,
+  onLoaded,
+  canvasOrigin
+}) => {
   const storeProps = useStoreProps();
   const {
     files,

package/es/rce/plugins/instructure_icon_maker/components/CreateIconMakerForm/ImageSection/ImageOptions.js

@@ -39,10 +39,9 @@ import _ from 'lodash';
 const getCompressionMessage = () => formatMessage('Your image has been compressed for Icon Maker. Images less than {size} KB will not be compressed.', {
   size: MAX_IMAGE_SIZE_BYTES / 1024
 });
-function renderImagePreview(_ref, embedImage) {
-  let {
-    loading
-  } = _ref;
+function renderImagePreview({
+  loading
+}, embedImage) {
   return /*#__PURE__*/React.createElement(PreviewIcon, {
     variant: "large",
     testId: "selected-image-preview",
@@ -51,20 +50,18 @@ function renderImagePreview(_ref, embedImage) {
     checkered: true
   });
 }
-function renderImageName(_ref2) {
-  let {
-    imageName
-  } = _ref2;
+function renderImageName({
+  imageName
+}) {
   return /*#__PURE__*/React.createElement(View, {
     maxWidth: "200px",
     as: "div"
   }, /*#__PURE__*/React.createElement(TruncateText, null, /*#__PURE__*/React.createElement(Text, null, imageName || formatMessage('None Selected'))));
 }
-function renderImageActionButtons(_ref3, dispatch, trayDispatch, setFocus, ref) {
-  let {
-    mode,
-    collectionOpen
-  } = _ref3;
+function renderImageActionButtons({
+  mode,
+  collectionOpen
+}, dispatch, trayDispatch, setFocus, ref) {
   const showCropButton = [modes.uploadImages.type, modes.courseImages.type].includes(mode) && !collectionOpen;
   return /*#__PURE__*/React.createElement(React.Fragment, null, showCropButton && /*#__PURE__*/React.createElement(IconButton, {
     margin: "0 small 0 0",
@@ -88,14 +85,13 @@ function renderImageActionButtons(_ref3, dispatch, trayDispatch, setFocus, ref)
     "data-testid": "clear-image"
   }, /*#__PURE__*/React.createElement(IconTrashLine, null)));
 }
-export const ImageOptions = _ref4 => {
-  let {
-    state,
-    settings,
-    dispatch,
-    mountNode,
-    trayDispatch
-  } = _ref4;
+export const ImageOptions = ({
+  state,
+  settings,
+  dispatch,
+  mountNode,
+  trayDispatch
+}) => {
   const [isImageActionFocused, setIsImageActionFocused] = useState(false);
   const imageActionRef = useCallback(el => {
     if (el && isImageActionFocused) el.focus();
@@ -103,8 +99,7 @@ export const ImageOptions = _ref4 => {
 
   // After submitting cropper modal a new embedded image should be generated
   useEffect(() => {
-    var _settings$imageSettin;
-    if (state.cropperSettings && settings.imageSettings && !_.isEqual(state.cropperSettings, (_settings$imageSettin = settings.imageSettings) === null || _settings$imageSettin === void 0 ? void 0 : _settings$imageSettin.cropperSettings)) {
+    if (state.cropperSettings && settings.imageSettings && !_.isEqual(state.cropperSettings, settings.imageSettings?.cropperSettings)) {
       if (state.cropperSettings.shape !== settings.shape) {
         trayDispatch({
           shape: state.cropperSettings.shape
@@ -117,9 +112,7 @@ export const ImageOptions = _ref4 => {
           type: trayActions.SET_EMBED_IMAGE,
           payload: base64Image
         });
-      })
-      // eslint-disable-next-line no-console
-      .catch(error => console.error(error));
+      }).catch(error => console.error(error));
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [state.cropperSettings]);