@wix/editor-react-components 1.2496.0 → 1.2498.0

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

@@ -0,0 +1,166 @@
+import { g as getDefaultExportFromCjs } from "./_commonjsHelpers.js";
+var fastdom$2 = { exports: {} };
+var fastdom$1 = fastdom$2.exports;
+var hasRequiredFastdom;
+function requireFastdom() {
+  if (hasRequiredFastdom) return fastdom$2.exports;
+  hasRequiredFastdom = 1;
+  (function(module) {
+    !(function(win) {
+      var debug = function() {
+      };
+      var raf = win.requestAnimationFrame || win.webkitRequestAnimationFrame || win.mozRequestAnimationFrame || win.msRequestAnimationFrame || function(cb) {
+        return setTimeout(cb, 16);
+      };
+      function FastDom() {
+        var self = this;
+        self.reads = [];
+        self.writes = [];
+        self.raf = raf.bind(win);
+      }
+      FastDom.prototype = {
+        constructor: FastDom,
+        /**
+         * We run this inside a try catch
+         * so that if any jobs error, we
+         * are able to recover and continue
+         * to flush the batch until it's empty.
+         *
+         * @param {Array} tasks
+         */
+        runTasks: function(tasks) {
+          var task;
+          while (task = tasks.shift()) task();
+        },
+        /**
+         * Adds a job to the read batch and
+         * schedules a new frame if need be.
+         *
+         * @param  {Function} fn
+         * @param  {Object} ctx the context to be bound to `fn` (optional).
+         * @public
+         */
+        measure: function(fn, ctx) {
+          var task = !ctx ? fn : fn.bind(ctx);
+          this.reads.push(task);
+          scheduleFlush(this);
+          return task;
+        },
+        /**
+         * Adds a job to the
+         * write batch and schedules
+         * a new frame if need be.
+         *
+         * @param  {Function} fn
+         * @param  {Object} ctx the context to be bound to `fn` (optional).
+         * @public
+         */
+        mutate: function(fn, ctx) {
+          var task = !ctx ? fn : fn.bind(ctx);
+          this.writes.push(task);
+          scheduleFlush(this);
+          return task;
+        },
+        /**
+         * Clears a scheduled 'read' or 'write' task.
+         *
+         * @param {Object} task
+         * @return {Boolean} success
+         * @public
+         */
+        clear: function(task) {
+          return remove(this.reads, task) || remove(this.writes, task);
+        },
+        /**
+         * Extend this FastDom with some
+         * custom functionality.
+         *
+         * Because fastdom must *always* be a
+         * singleton, we're actually extending
+         * the fastdom instance. This means tasks
+         * scheduled by an extension still enter
+         * fastdom's global task queue.
+         *
+         * The 'super' instance can be accessed
+         * from `this.fastdom`.
+         *
+         * @example
+         *
+         * var myFastdom = fastdom.extend({
+         *   initialize: function() {
+         *     // runs on creation
+         *   },
+         *
+         *   // override a method
+         *   measure: function(fn) {
+         *     // do extra stuff ...
+         *
+         *     // then call the original
+         *     return this.fastdom.measure(fn);
+         *   },
+         *
+         *   ...
+         * });
+         *
+         * @param  {Object} props  properties to mixin
+         * @return {FastDom}
+         */
+        extend: function(props) {
+          if (typeof props != "object") throw new Error("expected object");
+          var child = Object.create(this);
+          mixin(child, props);
+          child.fastdom = this;
+          if (child.initialize) child.initialize();
+          return child;
+        },
+        // override this with a function
+        // to prevent Errors in console
+        // when tasks throw
+        catch: null
+      };
+      function scheduleFlush(fastdom2) {
+        if (!fastdom2.scheduled) {
+          fastdom2.scheduled = true;
+          fastdom2.raf(flush.bind(null, fastdom2));
+        }
+      }
+      function flush(fastdom2) {
+        var writes = fastdom2.writes;
+        var reads = fastdom2.reads;
+        var error;
+        try {
+          debug("flushing reads", reads.length);
+          fastdom2.runTasks(reads);
+          debug("flushing writes", writes.length);
+          fastdom2.runTasks(writes);
+        } catch (e) {
+          error = e;
+        }
+        fastdom2.scheduled = false;
+        if (reads.length || writes.length) scheduleFlush(fastdom2);
+        if (error) {
+          debug("task errored", error.message);
+          if (fastdom2.catch) fastdom2.catch(error);
+          else throw error;
+        }
+      }
+      function remove(array, item) {
+        var index = array.indexOf(item);
+        return !!~index && !!array.splice(index, 1);
+      }
+      function mixin(target, source) {
+        for (var key in source) {
+          if (source.hasOwnProperty(key)) target[key] = source[key];
+        }
+      }
+      var exports$1 = win.fastdom = win.fastdom || new FastDom();
+      module.exports = exports$1;
+    })(typeof window !== "undefined" ? window : typeof fastdom$1 != "undefined" ? fastdom$1 : globalThis);
+  })(fastdom$2);
+  return fastdom$2.exports;
+}
+var fastdomExports = requireFastdom();
+const fastdom = /* @__PURE__ */ getDefaultExportFromCjs(fastdomExports);
+export {
+  fastdom as f
+};

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

@@ -1435,12 +1435,15 @@ function getData(fittingType, src, target, options) {
   }
   return data;
 }
+const wixStatic = "https://static.wixstatic.com/";
 const wixStaticWithMedia = "https://static.wixstatic.com/media/";
 populateGlobalFeatureSupport();
 populateGlobalFeatureSupport();
 const STATIC_MEDIA_URL = wixStaticWithMedia;
+const MEDIA_ROOT_URL = wixStatic;
 const imageKit = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
+  MEDIA_ROOT_URL,
   STATIC_MEDIA_URL,
   alignTypes,
   fileType,
@@ -1454,12 +1457,13 @@ const imageKit = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   upscaleMethods
 }, Symbol.toStringTag, { value: "Module" }));
 export {
+  MEDIA_ROOT_URL as M,
   STATIC_MEDIA_URL as S,
   getData as a,
-  getFileExtension as b,
-  alignTypes as c,
-  fittingTypes as d,
-  fileType as f,
+  alignTypes as b,
+  getFileExtension as c,
+  fileType as d,
+  fittingTypes as f,
   getPlaceholder as g,
   imageKit as i
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2496.0",
+  "version": "1.2498.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -82,8 +82,8 @@
     "@wix/sdk": "^1.21.14",
     "@wix/services-manager-react": "^0.1.27",
     "@wix/site-service-rendering-context": "^1.0.1",
-    "@wix/site-ui": "1.219.0",
-    "@wix/video": "^1.85.0",
+    "@wix/site-ui": "1.220.0",
+    "@wix/video": "^1.106.0",
     "@wix/viewer-service-consent-policy": "^1.0.101",
     "@wix/web-bi-logger": "^2.1.29",
     "@wix/wix-ui-icons-common": "^3.173.0",
@@ -197,5 +197,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "b46583c2d938fe6ecb25ad3098859da70bf72fde6a58d7aea0a791e9"
+  "falconPackageHash": "d5e8c4b8333b55ffe75c808fdfc261b9a390d37b0dd578aeed1b8d59"
 }

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

@@ -1,159 +0,0 @@
-import * as React from "react";
-import { i as imageKit, g as getPlaceholder } from "./index5.js";
-const image = "image__WopE9";
-const styles = {
-  image
-};
-const { STATIC_MEDIA_URL } = imageKit;
-const fetchLQIP = ({ fittingType, src, target, options }) => {
-  const placeholder = getPlaceholder(fittingType, src, target, {
-    ...options,
-    autoEncode: true
-  });
-  if ((placeholder == null ? void 0 : placeholder.uri) && !/^[a-z]+:/.test(placeholder.uri)) {
-    placeholder.uri = `${STATIC_MEDIA_URL}${placeholder.uri}`;
-  }
-  return placeholder;
-};
-const SCHEME_RE = /^[a-z]+:/;
-const Image = (props) => {
-  var _a, _b;
-  const { id, containerId, uri, alt, name = "", role, width, height, displayMode, devicePixelRatio, quality, alignType, bgEffectName = "", focalPoint, upscaleMethod, className = "", crop, imageStyles = {}, targetWidth, targetHeight, targetScale, onLoad = () => {
-  }, onError = () => {
-  }, shouldUseLQIP, containerWidth, containerHeight, getPlaceholder: getPlaceholder2, isInFirstFold, placeholderTransition, socialAttrs, isSEOBot, skipMeasure, hasAnimation, encoding, isFluidLayout } = props;
-  const imageRef = React.useRef(null);
-  let hasSsrSrc = "";
-  const hasBlurTransition = placeholderTransition === "blur";
-  const ssrImageData = React.useRef(null);
-  if (!ssrImageData.current) {
-    if (getPlaceholder2 || shouldUseLQIP || isInFirstFold || isSEOBot) {
-      const options = {
-        upscaleMethod,
-        ...quality ? quality : {},
-        shouldLoadHQImage: isInFirstFold,
-        isSEOBot,
-        hasAnimation,
-        encoding
-      };
-      ssrImageData.current = (getPlaceholder2 || fetchLQIP)({
-        fittingType: displayMode,
-        src: {
-          id: uri,
-          width,
-          height,
-          crop,
-          name,
-          focalPoint
-        },
-        target: {
-          width: containerWidth,
-          height: containerHeight,
-          alignment: alignType,
-          htmlTag: "img"
-        },
-        options
-      });
-      hasSsrSrc = !ssrImageData.current.transformed || isInFirstFold || isSEOBot ? "" : "true";
-    } else {
-      ssrImageData.current = {
-        uri: void 0,
-        css: { img: {} },
-        attr: { img: {}, container: {} },
-        transformed: false
-      };
-    }
-  }
-  const isLQIP = !isSEOBot && (getPlaceholder2 || shouldUseLQIP) && !isInFirstFold && ssrImageData.current.transformed;
-  const imageInfo = React.useMemo(() => JSON.stringify({
-    containerId,
-    ...containerId && { containerId },
-    ...alignType && { alignType },
-    ...skipMeasure && { skipMeasure: true },
-    displayMode,
-    ...containerWidth && { targetWidth: containerWidth },
-    ...containerHeight && { targetHeight: containerHeight },
-    ...targetWidth && { targetWidth },
-    ...targetHeight && { targetHeight },
-    ...targetScale && { targetScale },
-    isLQIP,
-    isSEOBot,
-    lqipTransition: placeholderTransition,
-    encoding,
-    imageData: {
-      width,
-      height,
-      uri,
-      name,
-      displayMode,
-      hasAnimation,
-      ...quality && { quality },
-      ...devicePixelRatio && { devicePixelRatio },
-      ...focalPoint && { focalPoint },
-      ...crop && { crop },
-      ...upscaleMethod && { upscaleMethod }
-    }
-  }), [
-    containerId,
-    alignType,
-    skipMeasure,
-    displayMode,
-    containerWidth,
-    containerHeight,
-    targetWidth,
-    targetHeight,
-    targetScale,
-    isLQIP,
-    isSEOBot,
-    placeholderTransition,
-    encoding,
-    width,
-    height,
-    uri,
-    name,
-    hasAnimation,
-    quality,
-    devicePixelRatio,
-    focalPoint,
-    crop,
-    upscaleMethod
-  ]);
-  const ssrResult = ssrImageData.current;
-  const src = ssrResult == null ? void 0 : ssrResult.uri;
-  const srcset = ssrResult == null ? void 0 : ssrResult.srcset;
-  const placeholderStyle = (_a = ssrResult.css) == null ? void 0 : _a.img;
-  const classNames = `${styles.image} ${className}`;
-  React.useEffect(() => {
-    const imgElement = imageRef.current;
-    if (onLoad && (imgElement == null ? void 0 : imgElement.currentSrc) && (imgElement == null ? void 0 : imgElement.complete)) {
-      onLoad({
-        target: imgElement
-      });
-    }
-  }, []);
-  const maxWidth = ssrResult && !(ssrResult == null ? void 0 : ssrResult.transformed) ? `max(${width}px, 100%)` : targetWidth ? `${targetWidth}px` : null;
-  return React.createElement(
-    "wow-image",
-    { id, class: classNames, "data-image-info": imageInfo, "data-motion-part": `BG_IMG ${containerId}`, "data-bg-effect-name": bgEffectName, "data-has-ssr-src": hasSsrSrc, "data-animate-blur": !isSEOBot && isLQIP && hasBlurTransition ? "" : void 0, "data-is-responsive": isFluidLayout ? "true" : void 0, style: maxWidth ? { "--wix-img-max-width": maxWidth } : {} },
-    React.createElement("img", {
-      src,
-      ref: imageRef,
-      alt: alt || "",
-      role,
-      style: { ...placeholderStyle, ...imageStyles },
-      onLoad,
-      onError,
-      width: containerWidth ? containerWidth : void 0,
-      height: containerHeight ? containerHeight : void 0,
-      ...socialAttrs,
-      srcSet: isInFirstFold ? (_b = srcset == null ? void 0 : srcset.dpr) == null ? void 0 : _b.map((s) => SCHEME_RE.test(s) ? s : `${STATIC_MEDIA_URL}${s}`).join(", ") : void 0,
-      // @ts-expect-error fetchpriority type should work in react > 18.3 https://github.com/facebook/react/pull/25927
-      fetchpriority: isInFirstFold ? "high" : void 0,
-      loading: isInFirstFold === false ? "lazy" : void 0,
-      // The src attribute triggers a mismatch warning because wow-image updates its src outside of the React lifecycle. This causes React to retain the old value in the virtual DOM, which could potentially lead to a bug where the old value is re-rendered during updates. However, we’re confident that this issue is not reproducing in current (16-18) React versions
-      suppressHydrationWarning: true
-    })
-  );
-};
-export {
-  Image as I
-};