@app-studio/web 0.8.61 → 0.8.63

package/dist/web.esm.js

@@ -6958,6 +6958,26 @@ var MessageLayout = _ref => {
   return visible ? MessageContainer : null;
 };
 
+var generateThumbnail = (videoFile, setThumbnailUrl) => {
+  var video = document.createElement('video');
+  video.preload = 'metadata';
+  video.onloadedmetadata = () => {
+    video.currentTime = 1;
+  };
+  video.oncanplay = () => {
+    var canvas = document.createElement('canvas');
+    canvas.width = video.videoWidth;
+    canvas.height = video.videoHeight;
+    var ctx = canvas.getContext('2d');
+    if (ctx) {
+      ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
+      var thumbnailDataUrl = canvas.toDataURL('image/jpeg');
+      setThumbnailUrl(thumbnailDataUrl);
+    }
+    URL.revokeObjectURL(video.src);
+  };
+  video.src = URL.createObjectURL(videoFile);
+};
 var useUpload = _ref => {
   var {
     maxSize = 100 * 1024 * 1024,
@@ -6975,26 +6995,6 @@ var useUpload = _ref => {
   var [errorMessage, setErrorMessage] = useState(null);
   var [previewUrl, setPreviewUrl] = useState(null);
   var [thumbnailUrl, setThumbnailUrl] = useState(thumbnail || null);
-  var generateThumbnail = videoFile => {
-    var video = document.createElement('video');
-    video.preload = 'metadata';
-    video.onloadedmetadata = () => {
-      video.currentTime = 1;
-    };
-    video.oncanplay = () => {
-      var canvas = document.createElement('canvas');
-      canvas.width = video.videoWidth;
-      canvas.height = video.videoHeight;
-      var ctx = canvas.getContext('2d');
-      if (ctx) {
-        ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
-        var thumbnailDataUrl = canvas.toDataURL('image/jpeg');
-        setThumbnailUrl(thumbnailDataUrl);
-      }
-      URL.revokeObjectURL(video.src);
-    };
-    video.src = URL.createObjectURL(videoFile);
-  };
   var handleFileChange = useCallback(event => {
     var _event$target$files;
     var file = (_event$target$files = event.target.files) == null ? void 0 : _event$target$files[0];
@@ -7019,7 +7019,7 @@ var useUpload = _ref => {
     }
     setPreviewUrl(URL.createObjectURL(file));
     if (file.type.startsWith('video/')) {
-      generateThumbnail(file);
+      generateThumbnail(file, setThumbnailUrl);
     }
     if (onFileSelect) {
       setSelectedFile(file);
@@ -7103,8 +7103,7 @@ var Uploader = _ref2 => {
         thumbnailUrl,
         videoRef,
         videoProps,
-        imageProps,
-        iconProps
+        imageProps
       } = _ref6;
       console.log('thumbnailUrl', thumbnailUrl);
       return /*#__PURE__*/React.createElement(View$1, {
@@ -7126,14 +7125,7 @@ var Uploader = _ref2 => {
         width: "100%",
         height: "100%",
         objectFit: "cover"
-      }, imageProps)), /*#__PURE__*/React.createElement(PlayIcon, Object.assign({
-        position: "absolute",
-        top: "50%",
-        left: "50%",
-        color: "white",
-        size: '20%',
-        transform: "translate(-50%, -50%)"
-      }, iconProps)));
+      }, imageProps)));
     },
     renderImage = _ref7 => {
       var {
@@ -8077,5 +8069,5 @@ var DragAndDropComponent = props => {
 };
 var DragAndDrop = DragAndDropComponent;
 
-export { Alert, ArrowIcon, AspectRatio, Avatar, Badge, BatteryIcon, BluetoothIcon, BoldArrowIcon, BookmarkIcon, Bottom, Button, CalendarIcon, CameraIcon, Center, CenterBase, Checkbox, ChevronIcon, ClockIcon, CloseEyeIcon, CloseIcon, CloudIcon, ComboBox, CopyIcon, CountryPicker, DatePicker, DownloadIcon, DragAndDrop, DragAndDropComponent, DragHandleIcon, DustBinIcon, EditIcon, ErrorIcon, ExternalLinkIcon, FacebookIcon, FileIcon, FileImage, FileSVG, FilterIcon, FormikCheckbox, FormikComboBox, FormikCountryPicker, FormikDatePicker, FormikForm, FormikPassword, FormikSelect, FormikSwitch, FormikTextArea, FormikTextField, HeartIcon, HomeIcon, Horizontal, HorizontalBase, Icon, ImageIcon, InfoIcon, Inline, InstagramIcon, Left, LikeIcon, Link, LinkedinIcon, Loader, LocationIcon, LockIcon, MenuIcon, MessageLayout, MessageView, MicrophoneIcon, MinusIcon, Modal, MoonIcon, NotificationIcon, OpenEyeIcon, PanelIcon, Password, PauseIcon, PlayIcon, PlusIcon, PrintIcon, ProfileIcon, RefreshIcon, Right, SaveIcon, SearchIcon, Select, SettingsIcon, ShareIcon, SpinnerIcon, StarIcon, SuccessIcon, Switch, Table, Tabs, Text, TextArea, TextField, ThreadsIcon, TickIcon, Toggle, ToggleGroup, Top, TwitchIcon, TwitterIcon, UnLikeIcon, UnlockIcon, UploadIcon, Uploader, Vertical, VerticalBase, VideoIcon, View, WarningIcon, WifiIcon, XIcon, YoutubeIcon, hideMessage, hideModal, showMessage, showModal, useMessageStore, useModalStore, useUpload };
+export { Alert, ArrowIcon, AspectRatio, Avatar, Badge, BatteryIcon, BluetoothIcon, BoldArrowIcon, BookmarkIcon, Bottom, Button, CalendarIcon, CameraIcon, Center, CenterBase, Checkbox, ChevronIcon, ClockIcon, CloseEyeIcon, CloseIcon, CloudIcon, ComboBox, CopyIcon, CountryPicker, DatePicker, DownloadIcon, DragAndDrop, DragAndDropComponent, DragHandleIcon, DustBinIcon, EditIcon, ErrorIcon, ExternalLinkIcon, FacebookIcon, FileIcon, FileImage, FileSVG, FilterIcon, FormikCheckbox, FormikComboBox, FormikCountryPicker, FormikDatePicker, FormikForm, FormikPassword, FormikSelect, FormikSwitch, FormikTextArea, FormikTextField, HeartIcon, HomeIcon, Horizontal, HorizontalBase, Icon, ImageIcon, InfoIcon, Inline, InstagramIcon, Left, LikeIcon, Link, LinkedinIcon, Loader, LocationIcon, LockIcon, MenuIcon, MessageLayout, MessageView, MicrophoneIcon, MinusIcon, Modal, MoonIcon, NotificationIcon, OpenEyeIcon, PanelIcon, Password, PauseIcon, PlayIcon, PlusIcon, PrintIcon, ProfileIcon, RefreshIcon, Right, SaveIcon, SearchIcon, Select, SettingsIcon, ShareIcon, SpinnerIcon, StarIcon, SuccessIcon, Switch, Table, Tabs, Text, TextArea, TextField, ThreadsIcon, TickIcon, Toggle, ToggleGroup, Top, TwitchIcon, TwitterIcon, UnLikeIcon, UnlockIcon, UploadIcon, Uploader, Vertical, VerticalBase, VideoIcon, View, WarningIcon, WifiIcon, XIcon, YoutubeIcon, generateThumbnail, hideMessage, hideModal, showMessage, showModal, useMessageStore, useModalStore, useUpload };
 //# sourceMappingURL=web.esm.js.map