@instructure/canvas-rce 7.2.0 → 7.3.0

package/es/rce/plugins/shared/StudioLtiSupportUtils.js

@@ -17,6 +17,7 @@
  */
 
 import PropTypes, { bool, shape } from 'prop-types';
+import { findMediaPlayerIframe } from './iframeUtils';
 
 /**
  * Interface for content item's 'custom' field, specifically for what is expected to come from Studio
@@ -71,4 +72,96 @@ export function handleBeforeObjectSelected(e) {
   if (targetElement.getAttribute('data-mce-p-data-studio-resizable') === 'false') {
     targetElement.setAttribute('data-mce-resize', 'false');
   }
-}
+}
+export function findStudioLtiIframeFromSelection(selectedNode) {
+  let outerIframe = null;
+
+  // First, find the outer iframe
+  if (selectedNode.nodeName === 'IFRAME') {
+    outerIframe = selectedNode;
+  } else if (selectedNode.nodeType === Node.ELEMENT_NODE) {
+    // Look for iframe inside the selected element (the span)
+    outerIframe = selectedNode.querySelector('iframe');
+  }
+  if (!outerIframe) {
+    console.error('No outer iframe found');
+    return null;
+  }
+
+  // Now try to access the content document of the outer iframe
+  try {
+    const outerIframeDoc = outerIframe.contentDocument || outerIframe.contentWindow?.document;
+    if (!outerIframeDoc) {
+      return outerIframe; // Return outer iframe as fallback
+    }
+
+    // Search for nested iframe with data-lti-launch attribute
+    const nestedIframe = outerIframeDoc.querySelector('iframe[data-lti-launch="true"]');
+    if (nestedIframe) {
+      return nestedIframe;
+    } else {
+      // Try to find any iframe inside
+      const anyNestedIframe = outerIframeDoc.querySelector('iframe');
+      if (anyNestedIframe) {
+        return anyNestedIframe;
+      }
+    }
+  } catch (error) {
+    console.error('>> Cannot access outer iframe content (cross-origin):', error);
+    // Return the outer iframe as fallback since we can't access its contents
+    return outerIframe;
+  }
+  return outerIframe;
+}
+export const notifyStudioEmbedTypeChange = (editor, embedType) => {
+  const studioIframe = findStudioLtiIframeFromSelection(editor.selection.getNode());
+  if (studioIframe && studioIframe.contentWindow) {
+    studioIframe.contentWindow.postMessage({
+      subject: 'studio.embedTypeChanged',
+      embedType: embedType,
+      timestamp: Date.now()
+    }, '*');
+  }
+};
+export const updateStudioIframeDimensions = (editor, width, height, embedType) => {
+  const selectedNode = editor.selection.getNode();
+  const videoContainer = findMediaPlayerIframe(selectedNode);
+  if (videoContainer?.tagName !== 'IFRAME') {
+    return;
+  }
+  const tinymceIframeShim = videoContainer.parentElement;
+  if (!tinymceIframeShim) {
+    return;
+  }
+  editor.dom.setStyles(tinymceIframeShim, {
+    width: `${width}px`,
+    height: `${height}px`
+  });
+  editor.dom.setStyles(videoContainer, {
+    width: `${width}px`,
+    height: `${height}px`
+  });
+  const href = editor.dom.getAttrib(tinymceIframeShim, 'data-mce-p-src');
+  if (href && embedType) {
+    if (embedType) {
+      // Replace thumbnail_embed, learn_embed, or collaboration_embed with the new embed type
+      const updatedHref = href.replace(/(thumbnail_embed|learn_embed|collaboration_embed)/g, embedType);
+
+      // updating only mce-p-src as in we only want to update the real src whenever we step out of the editor or save it
+      editor.dom.setAttrib(tinymceIframeShim, 'data-mce-p-src', updatedHref);
+      editor.nodeChanged();
+    }
+  }
+  editor.fire('ObjectResized', {
+    // @ts-expect-error - needed for aligning tooltip with new iframe size
+    target: videoContainer,
+    width,
+    height
+  });
+};
+export const isValidEmbedType = embedType => {
+  return typeof embedType === 'string' && ['thumbnail_embed', 'learn_embed', 'collaboration_embed'].includes(embedType);
+};
+export const isValidDimension = value => {
+  return typeof value === 'number' && !isNaN(value) && isFinite(value) && value > 0;
+};

package/es/rce/plugins/shared/Upload/ComputerPanel.js

@@ -238,7 +238,7 @@ export default function ComputerPanel({
         });
       },
       renderIcon: IconTrashLine,
-      screenReaderLabel: formatMessage('Clear selected file: {filename}', {
+      screenReaderLabel: formatMessage('Remove {filename}', {
         filename
       })
     })), /*#__PURE__*/React.createElement(Flex.Item, {

package/es/rce/plugins/shared/Upload/UploadFileModal.js

@@ -31,9 +31,11 @@ import ImageOptionsForm from '../ImageOptionsForm';
 import UsageRightsSelectBox from './UsageRightsSelectBox';
 import { View } from '@instructure/ui-view';
 import { UploadCanvasPanelIds, CanvasPanelTitles } from '../canvasContentUtils';
+import { validateVideoUrl } from './videoValidationUtils';
 const CanvasContentPanel = /*#__PURE__*/React.lazy(() => import('./CanvasContentPanel'));
 const ComputerPanel = /*#__PURE__*/React.lazy(() => import('./ComputerPanel'));
 const UrlPanel = /*#__PURE__*/React.lazy(() => import('./UrlPanel'));
+const VideoUrlPanel = /*#__PURE__*/React.lazy(() => import('./VideoUrlPanel'));
 function shouldBeDisabled({
   fileUrl,
   theFile,
@@ -46,6 +48,7 @@ function shouldBeDisabled({
     case 'COMPUTER':
       return !theFile || theFile.error;
     case 'URL':
+    case 'VIDEO_URL':
       return !fileUrl;
     default:
       if (UploadCanvasPanelIds.includes(selectedPanel)) return !fileUrl;
@@ -133,8 +136,17 @@ const UploadFileModal = /*#__PURE__*/React.forwardRef(({
       if (submitDisabled || uploading) {
         return false;
       }
+      let finalFileUrl = fileUrl;
+      if (selectedPanel === 'VIDEO_URL' && finalFileUrl) {
+        const validation = validateVideoUrl(finalFileUrl);
+        if (!validation.isValid) {
+          setError('Invalid video URL');
+          return false;
+        }
+        finalFileUrl = validation.embedUrl;
+      }
       onSubmit(editor, accept, selectedPanel, {
-        fileUrl,
+        fileUrl: finalFileUrl,
         theFile,
         imageOptions: {
           altText,
@@ -155,7 +167,7 @@ const UploadFileModal = /*#__PURE__*/React.forwardRef(({
   }), /*#__PURE__*/React.createElement(Heading, null, label)), /*#__PURE__*/React.createElement(Modal.Body, {
     ref: ref
   }, /*#__PURE__*/React.createElement(Tabs, {
-    onRequestTabChange: (event, {
+    onRequestTabChange: (_event, {
       index
     }) => handleRequestTabChange(index)
   }, panels.map(panel => {
@@ -197,7 +209,28 @@ const UploadFileModal = /*#__PURE__*/React.forwardRef(({
           })
         }, /*#__PURE__*/React.createElement(UrlPanel, {
           fileUrl: fileUrl,
-          setFileUrl: setFileUrl
+          setFileUrl: setFileUrl,
+          urlHasError: !!error
+        })));
+      case 'VIDEO_URL':
+        return /*#__PURE__*/React.createElement(Tabs.Panel, {
+          key: panel,
+          renderTitle: function () {
+            return formatMessage('Video URL');
+          },
+          isSelected: selectedPanel === 'VIDEO_URL'
+        }, /*#__PURE__*/React.createElement(Suspense, {
+          fallback: /*#__PURE__*/React.createElement(Spinner, {
+            renderTitle: formatMessage('Loading'),
+            size: "large"
+          })
+        }, /*#__PURE__*/React.createElement(VideoUrlPanel, {
+          fileUrl: fileUrl,
+          setFileUrl: url => {
+            setError(null);
+            setFileUrl(url);
+          },
+          urlHasError: !!error
         })));
       default:
         if (UploadCanvasPanelIds.includes(panel)) {
@@ -274,7 +307,7 @@ UploadFileModal.propTypes = {
   canvasOrigin: string,
   onSubmit: func,
   onDismiss: func.isRequired,
-  panels: arrayOf(oneOf(['COMPUTER', 'URL', ...UploadCanvasPanelIds])),
+  panels: arrayOf(oneOf(['COMPUTER', 'URL', 'VIDEO_URL', ...UploadCanvasPanelIds])),
   label: string.isRequired,
   accept: oneOfType([arrayOf(string), string]),
   modalBodyWidth: number,

package/es/rce/plugins/shared/Upload/VideoUrlPanel.d.ts

@@ -0,0 +1,15 @@
+declare function VideoUrlPanel({ fileUrl, setFileUrl, urlHasError }: {
+    fileUrl: any;
+    setFileUrl: any;
+    urlHasError: any;
+}): React.JSX.Element;
+declare namespace VideoUrlPanel {
+    namespace propTypes {
+        export let fileUrl: import("prop-types").Validator<string>;
+        export let setFileUrl: import("prop-types").Validator<(...args: any[]) => any>;
+        export { bool as urlHasError };
+    }
+}
+export default VideoUrlPanel;
+import React from 'react';
+import { bool } from 'prop-types';

package/es/rce/plugins/shared/Upload/VideoUrlPanel.js

@@ -0,0 +1,51 @@
+/*
+ * Copyright (C) 2025 - 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/>.
+ */
+
+import React from 'react';
+import { string, func, bool } from 'prop-types';
+import { TextInput } from '@instructure/ui-text-input';
+import formatMessage from '../../../../format-message';
+export default function VideoUrlPanel({
+  fileUrl,
+  setFileUrl,
+  urlHasError
+}) {
+  const handleChange = (_e, val) => {
+    setFileUrl(val);
+  };
+  const getErrorMessage = () => {
+    if (!urlHasError) return [];
+    return [{
+      text: formatMessage('Please enter a valid video URL from a supported platform.'),
+      type: 'newError'
+    }];
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextInput, {
+    name: "video-url",
+    renderLabel: formatMessage('YouTube embed URL'),
+    type: "text",
+    value: fileUrl,
+    onChange: handleChange,
+    messages: getErrorMessage()
+  }));
+}
+VideoUrlPanel.propTypes = {
+  fileUrl: string.isRequired,
+  setFileUrl: func.isRequired,
+  urlHasError: bool
+};

package/es/rce/plugins/shared/Upload/videoValidationUtils.d.ts

@@ -0,0 +1,7 @@
+export function validateVideoUrl(input: any): {
+    isValid: boolean;
+    embedUrl: null;
+} | {
+    isValid: boolean;
+    embedUrl: string;
+};

package/es/rce/plugins/shared/Upload/videoValidationUtils.js

@@ -0,0 +1,58 @@
+/*
+ * Copyright (C) 2020 - 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/>.
+ */
+
+function validateAndExtractYouTubeUrl(input) {
+  if (!input || typeof input !== 'string') {
+    return {
+      isValid: false,
+      embedUrl: null
+    };
+  }
+  const trimmedInput = input.trim();
+  const patterns = [/^(?:https?:\/\/)?(?:www\.|m\.)?(?:youtube\.com\/watch\?v=|youtu\.be\/)([a-zA-Z0-9_-]+)(?:[&?][^\s]*)?$/, /^(?:https?:\/\/)?(?:www\.)?youtube\.com\/embed\/([a-zA-Z0-9_-]+)(?:[?][^\s]*)?$/, /<iframe[^>]*src=["'](?:https?:\/\/)?(?:www\.)?youtube\.com\/embed\/([a-zA-Z0-9_-]+)[^"']*["'][^>]*>/];
+  for (const pattern of patterns) {
+    const match = trimmedInput.match(pattern);
+    if (match && match[1]) {
+      const videoId = match[1];
+      return {
+        isValid: true,
+        embedUrl: `https://www.youtube.com/embed/${videoId}`
+      };
+    }
+  }
+  return {
+    isValid: false,
+    embedUrl: null
+  };
+}
+export function validateVideoUrl(input) {
+  if (!input || typeof input !== 'string') {
+    return {
+      isValid: false,
+      embedUrl: null
+    };
+  }
+  const youTubeRegexp = /(?:https?:\/\/)?(?:www\.|m\.)?(?:youtube\.com|youtu\.be)/i;
+  if (youTubeRegexp.test(input)) {
+    return validateAndExtractYouTubeUrl(input);
+  }
+  return {
+    isValid: false,
+    embedUrl: null
+  };
+}

package/es/rce/plugins/shared/iframeUtils.d.ts

@@ -0,0 +1 @@
+export declare function findMediaPlayerIframe(elem: Element | null): Element | null;

package/es/rce/plugins/shared/iframeUtils.js

@@ -0,0 +1,37 @@
+/*
+ * Copyright (C) 2025 - 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/>.
+ */
+
+export function findMediaPlayerIframe(elem) {
+  if (!elem) return null;
+  if (elem.tagName === 'IFRAME') {
+    // we have the iframe
+    return elem;
+  }
+  if (elem.firstElementChild?.tagName === 'IFRAME') {
+    // we have the shim tinymce puts around the iframe
+    return elem.firstElementChild;
+  }
+  if (elem.classList.contains('mce-shim')) {
+    // tinymce puts a <span class='mce-shin'> after the iframe (since v5, I think)
+    const prevSibling = elem.previousSibling;
+    if (prevSibling && 'tagName' in prevSibling && prevSibling.tagName === 'IFRAME') {
+      return prevSibling;
+    }
+  }
+  return null;
+}

package/es/rce/tinyRCE.js

@@ -55,6 +55,8 @@ import './plugins/instructure_html_view/plugin';
 import './plugins/instructure_media_embed/plugin';
 import './plugins/instructure_icon_maker/plugin';
 import './plugins/instructure_wordcount/plugin';
+import './plugins/instructure_wordcount_header/plugin';
+import './plugins/instructure_keyboard_shortcuts_header/plugin';
 import './plugins/instructure_paste/plugin';
 import './plugins/instructure_fullscreen/plugin';
 import './plugins/instructure_studio_media_options/plugin';

package/es/sidebar/actions/upload.d.ts

@@ -91,6 +91,7 @@ export function fetchFolders(bookmark: any): (dispatch: any, getState: any) => a
 export function mediaUploadComplete(error: any, uploadData: any): (dispatch: any, _getState: any) => void;
 export function createMediaServerSession(): (dispatch: any, getState: any) => any;
 export function uploadToIconMakerFolder(svg: any, uploadSettings?: {}): (_dispatch: any, getState: any) => any;
+export function uploadToMediaFolderWithoutEditor(fileMetaProps: any): (_: any, getState: any) => any;
 export function uploadToMediaFolder(tabContext: any, fileMetaProps: any): (dispatch: any, getState: any) => any;
 export function setUsageRights(source: any, fileMetaProps: any, results: any): any;
 export function getFileUrlIfMissing(source: any, results: any): any;

package/es/sidebar/actions/upload.js

@@ -330,6 +330,62 @@ export function uploadToIconMakerFolder(svg, uploadSettings = {}) {
     });
   };
 }
+export function uploadToMediaFolderWithoutEditor(fileMetaProps) {
+  return (_, getState) => {
+    const {
+      source,
+      jwt,
+      host,
+      contextId,
+      contextType
+    } = getState();
+    return source.fetchMediaFolder({
+      jwt,
+      host,
+      contextId,
+      contextType
+    }).then(async ({
+      folders
+    }) => {
+      fileMetaProps.parentFolderId = folders[0].id;
+      if (fileMetaProps.domObject) {
+        delete fileMetaProps.domObject.preview; // don't need this anymore
+      }
+      const getCategory = async fileProps => {
+        const categoryObject = await CategoryProcessor.process(fileProps.domObject);
+        return categoryObject?.category;
+      };
+      const category = await getCategory(fileMetaProps);
+      return source.preflightUpload(fileMetaProps, {
+        jwt,
+        host,
+        contextId,
+        contextType,
+        category
+      }).then(results => {
+        return source.uploadFRD(fileMetaProps.domObject, results);
+      }).then(results => {
+        return setUsageRights(source, fileMetaProps, results);
+      }).then(results => {
+        return getFileUrlIfMissing(source, results);
+      }).then(results => {
+        return fixupFileUrl(contextType, contextId, results, source.canvasOrigin);
+      }).then(results => {
+        return setAltText(fileMetaProps.altText, results);
+      }).then(results => {
+        if (fileMetaProps.isDecorativeImage) {
+          results.isDecorativeImage = fileMetaProps.isDecorativeImage;
+        }
+        if (fileMetaProps.displayAs) {
+          results.displayAs = fileMetaProps.displayAs;
+        }
+        return results;
+      });
+    }).catch(e => {
+      console.error('Upload to the media folder failed.', e);
+    });
+  };
+}
 export function uploadToMediaFolder(tabContext, fileMetaProps) {
   return (dispatch, getState) => {
     const editorComponent = bridge.activeEditor();

package/es/sidebar/containers/sidebarHandlers.d.ts

@@ -19,6 +19,7 @@ export default function propsFromDispatch(dispatch: any): {
     toggleNewPageForm: () => any;
     startIconMakerUpload: (fileMetaProps: any, uploadSettings: any) => any;
     startMediaUpload: (tabContext: any, fileMetaProps: any) => any;
+    startMediaUploadInStandaloneMode: (fileMetaProps: any) => any;
     createMediaServerSession: () => any;
     mediaUploadComplete: (error: any, uploadData: any) => any;
     fetchInitialDocs: () => any;

package/es/sidebar/containers/sidebarHandlers.js

@@ -21,7 +21,7 @@ import { fetchInitialPage, fetchNextPage } from '../actions/data';
 import { fetchInitialImages, fetchNextImages } from '../actions/images';
 import { createMediaServerSession, fetchFolders, openOrCloseUploadForm,
 // saveMediaRecording,
-mediaUploadComplete, uploadPreflight, uploadToIconMakerFolder, uploadToMediaFolder } from '../actions/upload';
+mediaUploadComplete, uploadPreflight, uploadToIconMakerFolder, uploadToMediaFolder, uploadToMediaFolderWithoutEditor } from '../actions/upload';
 import { searchFlickr, openOrCloseFlickrForm } from '../actions/flickr';
 import { toggle as toggleFolder } from '../actions/files';
 import { openOrCloseNewPageForm } from '../actions/links';
@@ -53,6 +53,7 @@ export default function propsFromDispatch(dispatch) {
     toggleNewPageForm: () => dispatch(openOrCloseNewPageForm()),
     startIconMakerUpload: (fileMetaProps, uploadSettings) => dispatch(uploadToIconMakerFolder(fileMetaProps, uploadSettings)),
     startMediaUpload: (tabContext, fileMetaProps) => dispatch(uploadToMediaFolder(tabContext, fileMetaProps)),
+    startMediaUploadInStandaloneMode: fileMetaProps => dispatch(uploadToMediaFolderWithoutEditor(fileMetaProps)),
     createMediaServerSession: () => dispatch(createMediaServerSession()),
     // saveMediaRecording: (file, editor, dismiss) => dispatch(saveMediaRecording(file, editor, dismiss)),
     mediaUploadComplete: (error, uploadData) => dispatch(mediaUploadComplete(error, uploadData)),

package/es/translations/locales/ar.js

@@ -301,12 +301,6 @@ const locale = {
   "clear_image_3213fe62": {
     "message": "مسح الصورة"
   },
-  "clear_selected_file_82388e50": {
-    "message": "مسح الملف المحدد"
-  },
-  "clear_selected_file_filename_2fe8a58e": {
-    "message": "مسح الملف المحدد: { filename }"
-  },
   "click_or_shift_click_for_the_html_editor_25d70bb4": {
     "message": "انقر أو نقرة + shift للوصول إلى محرر html."
   },
@@ -1711,6 +1705,9 @@ const locale = {
   "please_enter_a_file_name_f159edc1": {
     "message": "يرجى إدخال اسم الملف"
   },
+  "please_enter_a_valid_video_url_from_a_supported_pl_30dc0596": {
+    "message": "يُرجى إدخال عنوان URL صالح للفيديو من منصة مدعومة."
+  },
   "please_select_a_file_of_a_supported_type_1fc578f2": {
     "message": "يرجى تحديد ملف بنوع مدعوم"
   },
@@ -1828,6 +1825,12 @@ const locale = {
   "religion_icon_246e0be1": {
     "message": "أيقونة الدين"
   },
+  "remove_f47dc62a": {
+    "message": "إزالة"
+  },
+  "remove_filename_3ea029f6": {
+    "message": "إزالة { filename }"
+  },
   "remove_heading_style_5fdc8855": {
     "message": "إزالة نمط العنوان"
   },
@@ -2542,6 +2545,9 @@ const locale = {
   "video_player_for_title_ffd9fbc4": {
     "message": "مشغل الفيديو لـ { title }"
   },
+  "video_url_889d3263": {
+    "message": "عنوان URL الفيديو"
+  },
   "view_all_e13bf0a6": {
     "message": "عرض الكل"
   },
@@ -2656,6 +2662,9 @@ const locale = {
   "your_webcam_may_already_be_in_use_6cd64c25": {
     "message": "قد تكون كاميرا الويب الخاصة بك قيد الاستخدام بالفعل."
   },
+  "youtube_embed_url_5c1018d4": {
+    "message": "عنوان URL المضمن لـ YouTube"
+  },
   "zeta_5ef24f0e": {
     "message": "Zeta"
   },

package/es/translations/locales/ca.js

@@ -301,12 +301,6 @@ const locale = {
   "clear_image_3213fe62": {
     "message": "Esborra la imatge"
   },
-  "clear_selected_file_82388e50": {
-    "message": "Esborra el fitxer seleccionat"
-  },
-  "clear_selected_file_filename_2fe8a58e": {
-    "message": "Esborra el fitxer seleccionat: { filename }"
-  },
   "click_or_shift_click_for_the_html_editor_25d70bb4": {
     "message": "Feu clic aquí o feu-hi clic mentre premeu la tecla Maj per obrir l’editor d’HTML."
   },
@@ -1711,6 +1705,9 @@ const locale = {
   "please_enter_a_file_name_f159edc1": {
     "message": "Introduïu un nom de fitxer"
   },
+  "please_enter_a_valid_video_url_from_a_supported_pl_30dc0596": {
+    "message": "Introduïu un URL de vídeo vàlid des d’una plataforma admesa."
+  },
   "please_select_a_file_of_a_supported_type_1fc578f2": {
     "message": "Seleccioneu un fitxer d’un tipus admès"
   },
@@ -1828,6 +1825,12 @@ const locale = {
   "religion_icon_246e0be1": {
     "message": "Icona de religió"
   },
+  "remove_f47dc62a": {
+    "message": "Suprimeix-ho"
+  },
+  "remove_filename_3ea029f6": {
+    "message": "Suprimiu { filename }"
+  },
   "remove_heading_style_5fdc8855": {
     "message": "Suprimeix l''estil de la capçalera"
   },
@@ -2542,6 +2545,9 @@ const locale = {
   "video_player_for_title_ffd9fbc4": {
     "message": "Reproductor de vídeo per a { title }"
   },
+  "video_url_889d3263": {
+    "message": "URL de vídeo"
+  },
   "view_all_e13bf0a6": {
     "message": "Mostra-ho tot"
   },
@@ -2656,6 +2662,9 @@ const locale = {
   "your_webcam_may_already_be_in_use_6cd64c25": {
     "message": "És possible que la càmera web ja s''estigui utilitzant."
   },
+  "youtube_embed_url_5c1018d4": {
+    "message": "URL integrat de YouTube"
+  },
   "zeta_5ef24f0e": {
     "message": "Zeta"
   },

package/es/translations/locales/cy.js

@@ -301,12 +301,6 @@ const locale = {
   "clear_image_3213fe62": {
     "message": "Clirio’r ddelwedd"
   },
-  "clear_selected_file_82388e50": {
-    "message": "Clirio''r ffeil dan sylw"
-  },
-  "clear_selected_file_filename_2fe8a58e": {
-    "message": "Clirio''r ffeil dan sylw: { filename }"
-  },
   "click_or_shift_click_for_the_html_editor_25d70bb4": {
     "message": "Cliciwch neu pwyswch shifft a chlicio ar gyfer y golygydd html."
   },
@@ -1711,6 +1705,9 @@ const locale = {
   "please_enter_a_file_name_f159edc1": {
     "message": "Rhowch enw ffeil"
   },
+  "please_enter_a_valid_video_url_from_a_supported_pl_30dc0596": {
+    "message": "Rhowch URL fideo dilys o blatfform a gefnogir."
+  },
   "please_select_a_file_of_a_supported_type_1fc578f2": {
     "message": "Dewiswch ffeil o fath sy''n cael ei gefnogi"
   },
@@ -1828,6 +1825,12 @@ const locale = {
   "religion_icon_246e0be1": {
     "message": "Eicon Crefydd"
   },
+  "remove_f47dc62a": {
+    "message": "Tynnu"
+  },
+  "remove_filename_3ea029f6": {
+    "message": "Tynnu { filename }"
+  },
   "remove_heading_style_5fdc8855": {
     "message": "Tynnu arddull y pennawd"
   },
@@ -2542,6 +2545,9 @@ const locale = {
   "video_player_for_title_ffd9fbc4": {
     "message": "Chwaraewr fideo ar gyfer { title }"
   },
+  "video_url_889d3263": {
+    "message": "URL Fideo"
+  },
   "view_all_e13bf0a6": {
     "message": "Gweld Pob Un"
   },
@@ -2656,6 +2662,9 @@ const locale = {
   "your_webcam_may_already_be_in_use_6cd64c25": {
     "message": "Efallai bod eich gwe-gamera yn cael ei ddefnyddio’n barod."
   },
+  "youtube_embed_url_5c1018d4": {
+    "message": "URL plannu YouTube"
+  },
   "zeta_5ef24f0e": {
     "message": "Zeta"
   },