@wix/editor-react-components 1.2907.0 → 1.2909.0

package/dist/site/components/Checkbox/css.css

@@ -15,7 +15,7 @@
 .item__EzhwB {
   display: inline-flex;
   align-items: center;
-  column-gap: var(--gap, 4px);
+  column-gap: var(--gap);
 }
 
 .indicator__dzBy2 {

package/dist/site/components/Checkbox/manifest.js

@@ -31,6 +31,9 @@ const manifest = {
         presetCssUrl: `./site/components/Checkbox/presets/${basePresetName}.css`,
         displayName: DisplayNames.root.presets.baseCheckbox,
         presetDefaults: {
+          cssCustomProperties: {
+            gap: { defaultValue: "0px" }
+          },
           elements: {
             indicator: {
               cssProperties: {
@@ -89,8 +92,7 @@ const manifest = {
     cssCustomProperties: {
       gap: {
         cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.columnGap,
-        displayName: DisplayNames.root.cssCustomProperties.gap,
-        defaultValue: "4px"
+        displayName: DisplayNames.root.cssCustomProperties.gap
       }
     },
     elements: {

package/dist/site/components/chunks/Video.js

@@ -53,15 +53,15 @@ function setVideoFocalPoint(videoNode, focalPoint) {
   videoNode.style.setProperty("--focal-x", focalX.toString());
   videoNode.style.setProperty("--focal-y", focalY.toString());
 }
-async function getVideoSource(width, height, uri, qualityPolicy, sources, adaptiveSources, duration, onError) {
+async function getVideoSource(width, height, uri, qualityPolicy, sources, adaptiveSources, duration, onError, url) {
   const hasProgressiveSources = sources && sources.length > 0;
-  const hasAbsoluteUri = uri && isAbsoluteUrl(uri);
+  const hasAbsoluteUrl = uri && isAbsoluteUrl(uri) || !uri && url;
   const shouldSkipAdaptiveShortVideo = duration && duration < 40;
   if (qualityPolicy === "adaptive" && adaptiveSources && adaptiveSources.length > 0 && !shouldSkipAdaptiveShortVideo) {
     const hlsSource = adaptiveSources.find((s) => s.format === "hls");
     const Hls = await import("./hls.js");
-    if (hlsSource && Hls && Hls.default.isSupported()) {
-      const videoSourceUrl = getCompleteUrl(hlsSource.uri, STATIC_ADAPTIVE_VIDEO_URL);
+    if (hlsSource && (hlsSource.url || hlsSource.uri) && Hls && Hls.default.isSupported()) {
+      const videoSourceUrl = hlsSource.uri ? getCompleteUrl(hlsSource.uri, STATIC_ADAPTIVE_VIDEO_URL) : hlsSource.url;
       const patchVideoSource = (videoNode) => {
         const hls = new Hls.default();
         hls.loadSource(videoSourceUrl);
@@ -103,10 +103,9 @@ Unrecoverable playback error`));
   if (hasProgressiveSources) {
     const highestQuality = sources[sources.length - 1];
     if (qualityPolicy === "highest") {
-      var _highestQuality$types;
-      const url = (_highestQuality$types = highestQuality.types.find((type) => type.format === "mp4")) == null ? void 0 : _highestQuality$types.uri;
-      if (url) {
-        const videoSourceUrl = getCompleteUrl(url, STATIC_VIDEO_URL);
+      const source = highestQuality.types.find((type) => type.format === "mp4");
+      if (source != null && source.url || source != null && source.uri) {
+        const videoSourceUrl = source.uri ? getCompleteUrl(source.uri, STATIC_VIDEO_URL) : source.url;
         return {
           videoSourceUrl,
           patchVideoSource: (videoNode) => {
@@ -116,15 +115,14 @@ Unrecoverable playback error`));
         };
       }
     } else {
-      var _targetQuality$types$;
       const videoWidth = parseInt(highestQuality.width.toString(), 10);
       const videoHeight = parseInt(highestQuality.height.toString(), 10);
       const scaleFactor = getScaleFactor(width, height, videoWidth, videoHeight);
       const videoScaledDimensions = getVideoDimension(scaleFactor, videoWidth, videoHeight);
       const targetQuality = getVideoQualityBySize(sources, videoScaledDimensions);
-      const url = (_targetQuality$types$ = targetQuality.types.find((type) => type.format === "mp4")) == null ? void 0 : _targetQuality$types$.uri;
-      if (url) {
-        const videoSourceUrl = getCompleteUrl(url, STATIC_VIDEO_URL);
+      const source = targetQuality.types.find((type) => type.format === "mp4");
+      if (source != null && source.url || source != null && source.uri) {
+        const videoSourceUrl = source.uri ? getCompleteUrl(source.uri, STATIC_VIDEO_URL) : source.url;
         return {
           videoSourceUrl,
           patchVideoSource: (videoNode) => {
@@ -135,11 +133,12 @@ Unrecoverable playback error`));
       }
     }
   }
-  if (hasAbsoluteUri) {
+  if (hasAbsoluteUrl) {
+    const videoSourceUrl = uri || url;
     return {
-      videoSourceUrl: uri,
+      videoSourceUrl,
       patchVideoSource: (videoNode) => {
-        videoNode.src = uri;
+        videoNode.src = videoSourceUrl;
         videoNode.load();
       }
     };
@@ -192,11 +191,11 @@ const videoLayout = {
    * @param {(error: Error) => void} onError
    * @return {{currentSrc: string, videoSourceUrl: string}}
    */
-  async measure(videoNode, container, quality, uri, sources, adaptiveSources, duration, onError) {
+  async measure(videoNode, container, quality, uri, sources, adaptiveSources, duration, onError, url) {
     const {
       videoSourceUrl,
       patchVideoSource
-    } = await getVideoSource(container.offsetWidth, container.offsetHeight, uri, quality, sources, adaptiveSources, duration, onError);
+    } = await getVideoSource(container.offsetWidth, container.offsetHeight, uri, quality, sources, adaptiveSources, duration, onError, url);
     const needsSrcUpdate = shouldUpdateSrc(videoNode, videoSourceUrl);
     return {
       needsSrcUpdate,
@@ -317,6 +316,7 @@ function wowVideoFactory(services, contextWindow) {
       }
       const {
         uri,
+        url,
         sources,
         adaptiveSources,
         autoplay,
@@ -331,7 +331,7 @@ function wowVideoFactory(services, contextWindow) {
       const videoNode = this.querySelector("video");
       const poster = this.querySelector("img");
       services.mutationService.measure(async () => {
-        const measures = await videoLayout.measure(videoNode, this, qualityPolicy, uri, sources, adaptiveSources, duration, (error) => this.dispatchVideoError(error));
+        const measures = await videoLayout.measure(videoNode, this, qualityPolicy, uri, sources, adaptiveSources, duration, (error) => this.dispatchVideoError(error), url);
         const {
           needsSrcUpdate,
           patchVideoSource

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2907.0",
+  "version": "1.2909.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -155,7 +155,7 @@
     "@wix/sled-playwright": "^1.416.0",
     "@wix/thunderbolt-components-native": "^1.0.0",
     "@wix/unidriver-core": "^1.5.6",
-    "@wix/video": "^1.116.0",
+    "@wix/video": "^1.118.0",
     "@wix/viewer-playwright-app": "^1.0.730",
     "@wix/viewer-service-anchors": "^1.0.56",
     "@wix/viewer-service-consent-policy": "^1.0.114",
@@ -226,5 +226,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "48a819aebdae45afd622deac84b045f22dec870136bad6e4a6972c5a"
+  "falconPackageHash": "fa47c155e3ab4d3f7234ddc9d4a89d0cdbdb09c052a7a27f64e5f91a"
 }