@elementor/editor-controls 4.3.0-1056 → 4.3.0-1058

package/dist/index.mjs

@@ -5494,21 +5494,24 @@ var SvgMediaControl = createControl(() => {
 
 // src/controls/video-media-control.tsx
 import * as React82 from "react";
-import { videoSrcPropTypeUtil } from "@elementor/editor-props";
+import { urlPropTypeUtil as urlPropTypeUtil5, videoSrcPropTypeUtil } from "@elementor/editor-props";
 import { UploadIcon as UploadIcon3 } from "@elementor/icons";
 import { Button as Button6, Card as Card3, CardMedia as CardMedia3, CardOverlay as CardOverlay3, CircularProgress as CircularProgress4, Stack as Stack14 } from "@elementor/ui";
 import { useWpMediaAttachment as useWpMediaAttachment3, useWpMediaFrame as useWpMediaFrame3 } from "@elementor/wp-media";
 import { __ as __33 } from "@wordpress/i18n";
 var PLACEHOLDER_IMAGE = window.elementorCommon?.config?.urls?.assets + "/shapes/play-triangle.svg";
 var VideoMediaControl = createControl(() => {
-  const { value, setValue } = useBoundProp(videoSrcPropTypeUtil);
+  const { value, setValue, propType } = useBoundProp(videoSrcPropTypeUtil);
   const { id, url } = value ?? {};
   const { data: attachment, isFetching } = useWpMediaAttachment3(id?.value || null);
   const videoUrl = attachment?.url ?? url?.value ?? null;
+  const defaultUrl = videoSrcPropTypeUtil.extract(propType.default ?? null)?.url?.value;
+  const currentUrlForModal = url?.value && url.value !== defaultUrl ? url.value : void 0;
   const { open } = useWpMediaFrame3({
     mediaTypes: ["video"],
     multiple: false,
     selected: id?.value || null,
+    allowUrlImport: true,
     onSelect: (selectedAttachment) => {
       setValue({
         id: {
@@ -5517,6 +5520,12 @@ var VideoMediaControl = createControl(() => {
         },
         url: null
       });
+    },
+    onSelectUrl: (selectedUrl) => {
+      setValue({
+        id: null,
+        url: urlPropTypeUtil5.create(selectedUrl)
+      });
     }
   });
   return /* @__PURE__ */ React82.createElement(ControlActions, null, /* @__PURE__ */ React82.createElement(Card3, { variant: "outlined" }, /* @__PURE__ */ React82.createElement(
@@ -5554,6 +5563,15 @@ var VideoMediaControl = createControl(() => {
       onClick: () => open({ mode: "upload" })
     },
     __33("Upload", "elementor")
+  ), /* @__PURE__ */ React82.createElement(
+    Button6,
+    {
+      size: "tiny",
+      variant: "text",
+      color: "inherit",
+      onClick: () => open({ mode: "url", currentUrl: currentUrlForModal })
+    },
+    __33("Insert from URL", "elementor")
   )))));
 });
 var VideoPreview = ({ isFetching = false, videoUrl }) => {
@@ -5564,6 +5582,7 @@ var VideoPreview = ({ isFetching = false, videoUrl }) => {
     return /* @__PURE__ */ React82.createElement(
       "video",
       {
+        "aria-label": __33("Video preview", "elementor"),
         src: videoUrl,
         muted: true,
         preload: "metadata",