@wix/editor-react-components 1.2162.0 → 1.2164.0

package/dist/site/components/Breadcrumbs/component.js

@@ -1630,7 +1630,8 @@ function Breadcrumbs2({
 }) {
   const rootRef = useRef(null);
   const iconProps = elementProps == null ? void 0 : elementProps.animatedHomeIcon;
-  const items = itemsFromProps ?? useBreadcrumbItems();
+  const generatedItems = useBreadcrumbItems();
+  const items = itemsFromProps ?? generatedItems;
   const collapsedRange = useCollapsedRange(rootRef, items.length);
   useSeoService(items);
   return /* @__PURE__ */ jsxs(

package/dist/site/components/CollapsibleText/component.js

@@ -64,10 +64,7 @@ const getIsExpandRedundant = (textRef, maxLinesCss) => {
   if (!isValidLineHeightNumber) {
     lineHeightAsNumber = FALLBACK_LINE_HEIGHT;
   }
-  const maxLines = parseInt(
-    computedStyle.getPropertyValue("--max-lines"),
-    10
-  );
+  const maxLines = parseInt(computedStyle.getPropertyValue("--max-lines"), 10);
   const effectiveMaxLines = !isNaN(maxLines) ? maxLines : maxLinesCss;
   const maxHeight = Math.ceil(lineHeightAsNumber * effectiveMaxLines);
   return txtElement.scrollHeight <= maxHeight + LINE_HEIGHT_ROUNDING_ERROR_TOLERANCE;
@@ -116,7 +113,15 @@ const noop = () => {
 function CollapsibleText(props) {
   var _a, _b, _c;
   const environmentService = useService(definitionExports.EnvironmentDefinition);
-  const { id, className, text: text2, expandMode, link, linkText, tag: TagName = "p" } = props;
+  const {
+    id,
+    className,
+    text: text2,
+    expandMode,
+    link,
+    linkText,
+    tag: TagName = "p"
+  } = props;
   const { readMoreText, readLessText } = props;
   const {
     onClick = noop,
@@ -179,9 +184,7 @@ function CollapsibleText(props) {
       children: /* @__PURE__ */ jsxs(
         "div",
         {
-          className: clsx(
-            formatClassNames(semanticClassNames.root)
-          ),
+          className: clsx(formatClassNames(semanticClassNames.root)),
           "data-testid": TestIds.root,
           children: [
             /* @__PURE__ */ jsx(

package/dist/site/components/TransparentVideo/component.js

@@ -65,7 +65,11 @@ function attrToString(key, value) {
 function attrsObjectToString(attrs) {
   return Object.keys(attrs).map((key) => attrToString(key, attrs[key])).join(" ");
 }
-function filterWrapperTemplate({ id, content, attrs = {} }) {
+function filterWrapperTemplate({
+  id,
+  content,
+  attrs = {}
+}) {
   return `<filter id="${id}" color-interpolation-filters="sRGB" ${attrsObjectToString(attrs)}>
     <feComponentTransfer result="srcRGB"/>
     ${content}
@@ -90,7 +94,11 @@ function sepia({ value }) {
 function hue({ value }) {
   return `<feColorMatrix type="hueRotate" values="${value}"/>`;
 }
-function color({ value, inAttr, result }) {
+function color({
+  value,
+  inAttr,
+  result
+}) {
   const hexColor = typeof value === "string" ? value : value.color;
   const opacity = typeof value === "object" && typeof value.opacity !== "undefined" ? value.opacity : 1;
   return `<feColorMatrix type="matrix" values="${getColor(hex2RgbNorm(hexColor), opacity)}" ${inAttr ? `in="${inAttr}"` : ""}${result ? `result="${result}"` : ""}/>`;
@@ -112,17 +120,28 @@ function offset({ value, inAttr, result }) {
 function blend$1({ value, inAttr, in2Attr, result }) {
   return `<feBlend mode="${value}" in="${inAttr}" in2="${in2Attr}" ${attrToString("result", result)}/>`;
 }
-function composite({ value, inAttr, in2Attr, result }) {
+function composite({
+  value,
+  inAttr,
+  in2Attr,
+  result
+}) {
   return `<feComposite operator="${value}" in="${inAttr}" in2="${in2Attr}" ${attrToString("result", result)}/>`;
 }
-function duotone$1({ value: { dark, light }, inAttr, result }) {
+function duotone$1({
+  value: { dark, light },
+  inAttr,
+  result
+}) {
   return `${saturation({ value: 0 })}
 <feColorMatrix type="matrix" values="${getDoutone(hex2RgbNorm(light), hex2RgbNorm(dark))}" ${inAttr ? `in="${inAttr}"` : ""}${result ? `result="${result}"` : ""}/>`;
 }
 function luma({ value: { dark, light }, result }) {
   return `<feColorMatrix type="matrix" values="${getLumaMatrix(light, dark)}" ${result ? `result="${result}"` : ""}/>`;
 }
-function shadow({ value: { blurRadius, mergeGraphic, ...rest } }) {
+function shadow({
+  value: { blurRadius, mergeGraphic, ...rest }
+}) {
   return `${blur({ value: blurRadius, inAttr: "SourceAlpha" })}
 ${offset({ value: rest })}
 ${color({ value: rest })}
@@ -169,21 +188,15 @@ function interpolate(id, filterDefinition, overrides, attrs) {
     const filterValue = getFilterValue(key, value, overrides);
     const arg = { ...effect, value: filterValue };
     if (typeof filterValue === "number") {
-      return filterComponentTempaltesWithNumber[key](
-        arg
-      );
+      return filterComponentTempaltesWithNumber[key](arg);
     } else if (typeof filterValue === "string") {
-      return filterComponentTempaltesWithString[key](
-        arg
-      );
+      return filterComponentTempaltesWithString[key](arg);
     } else if (key === "luma") {
       return luma(arg);
     } else if (key === "identity") {
       return identity(arg);
     } else {
-      return filterComponentTempaltes[key](
-        arg
-      );
+      return filterComponentTempaltes[key](arg);
     }
   }).join("\n");
   return filterWrapperTemplate({ id, content, attrs });
@@ -598,9 +611,14 @@ function getFilter(id, name, overrides, attrs) {
 }
 const getFilterEffectString = (id, filterEffect) => {
   if (!filterEffect) return "";
-  return getFilter(id, `${filterEffect.effectType}`, {
-    ...filterEffect
-  }, {});
+  return getFilter(
+    id,
+    `${filterEffect.effectType}`,
+    {
+      ...filterEffect
+    },
+    {}
+  );
 };
 const removeMediaPrefix = (uri) => {
   if (uri.startsWith("media/")) {
@@ -644,10 +662,7 @@ const getFilterEffectData = (props) => {
   return effectTypeObj;
 };
 const closeSelfClosingSvgTags = (svg) => {
-  return svg.replace(
-    /<([a-zA-Z][\w:-]*)([^>]*)\/>/g,
-    "<$1$2></$1>"
-  );
+  return svg.replace(/<([a-zA-Z][\w:-]*)([^>]*)\/>/g, "<$1$2></$1>");
 };
 function alphaMask({ isLuminance = false } = {}) {
   return {
@@ -3307,7 +3322,9 @@ function useTransparentVideo(props) {
   const initialFilterEffectRef = useRef(props.filterEffect);
   const [canPlayTransparentVideo, setCanPlayTransparentVideo] = useState(true);
   const [playingState, setPlayingState] = useState();
-  const [isMuted, setIsMuted] = useState(videoStartType === VideoStartType.auto || mute);
+  const [isMuted, setIsMuted] = useState(
+    videoStartType === VideoStartType.auto || mute
+  );
   useEffect(() => {
     if (!canPlayTransparentVideo) {
       return;
@@ -3365,7 +3382,10 @@ function useTransparentVideo(props) {
   const shouldMuteVideo = isMuted || mute || shouldDisplayPoster;
   const shouldDisplayAudioToggle = !!(video && video.hasAudio && !mute);
   const shouldDisplayPlayButton = !!video && !(playingState === VideoPlayingState.ended && !shouldReplay);
-  const posterFilterId = useMemo(() => `${SVG_FILTER_ID_PREFIX}${props.id}`, [props.id]);
+  const posterFilterId = useMemo(
+    () => `${SVG_FILTER_ID_PREFIX}${props.id}`,
+    [props.id]
+  );
   const onClickHandler = useCallback(() => {
     var _a, _b;
     if (playingState === VideoPlayingState.ended && !shouldReplay) {
@@ -3392,10 +3412,13 @@ function useTransparentVideo(props) {
       (_a = videoRef.current) == null ? void 0 : _a.pause();
     }
   }, [videoStartType]);
-  const onAudioToggleClickHandler = useCallback((event) => {
-    event.stopPropagation();
-    setIsMuted((prev) => !prev);
-  }, []);
+  const onAudioToggleClickHandler = useCallback(
+    (event) => {
+      event.stopPropagation();
+      setIsMuted((prev) => !prev);
+    },
+    []
+  );
   return {
     a11y,
     className,
@@ -3471,37 +3494,43 @@ const TransparentVideoPoster = React__default.memo(
   }
 );
 TransparentVideoPoster.displayName = "TransparentVideoPoster";
-const MutedIcon = () => /* @__PURE__ */ jsx("svg", { preserveAspectRatio: "xMidYMid meet", "data-bbox": "5.726 5.999 21.997 18.001", "data-type": "shape", xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", role: "presentation", "aria-hidden": "true", "aria-label": "", children: /* @__PURE__ */ jsxs("g", { children: [
-  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("filter", { id: "b0f9f707-af61-4336-bcea-c2fee482e562_audioOff-comp-mneizzz18", height: "200%", width: "200%", y: "-50%", x: "-50%", children: [
-    /* @__PURE__ */ jsx("feOffset", { result: "out-offset", in: "SourceAlpha" }),
-    /* @__PURE__ */ jsx("feGaussianBlur", { result: "out-blur", in: "out-offset", stdDeviation: "2" }),
-    /* @__PURE__ */ jsx("feColorMatrix", { result: "out-matrix", in: "out-blur", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.40 0" }),
-    /* @__PURE__ */ jsxs("feMerge", { children: [
-      /* @__PURE__ */ jsx("feMergeNode", { in: "out-matrix" }),
-      /* @__PURE__ */ jsx("feMergeNode", { in: "SourceGraphic" })
-    ] })
-  ] }) }),
-  /* @__PURE__ */ jsx("path", { fill: "white", filter: "url(#b0f9f707-af61-4336-bcea-c2fee482e562_audioOff-comp-mneizzz18)", d: "M27.39 17.535a.478.478 0 0 1 .306.615v.001a.51.51 0 0 1-.641.292L6.074 12.471a.478.478 0 0 1-.325-.605.505.505 0 0 1 .661-.302l20.98 5.971zm-6.211.375c1.911-.377 1.812 2.001 1.813 2.001 0 1.273-.986 2.713-3.235 2.713-2.009 0-2.515-1.345-2.515-2.252 0-1.117.646-2.258 2.519-2.258.671-.001 1.095-.141 1.418-.204zm-8.427-1.643v.013h.001l-.005 5.007c0 1.273-.985 2.713-3.233 2.713C7.506 24 7 22.655 7 21.748c0-1.117.646-2.258 2.519-2.258 1.696 0 1.972-.427 1.972-1.319l.001-1.934a.513.513 0 0 1 .512-.477h.23c.285 0 .518.228.518.507zm-.537-4.642a.666.666 0 0 1-.506-.141.61.61 0 0 1-.22-.468l.006-2.86c0-.304.227-.562.535-.609l10.238-1.54a.629.629 0 0 1 .726.609L23 13.591c0 .013-.006.024-.007.036a.49.49 0 0 1-.094.248.516.516 0 0 1-.416.222h-.229a.51.51 0 0 1-.517-.505l-.004-3.479-9.518 1.512z" })
-] }) });
-const UnMutedIcon = () => /* @__PURE__ */ jsx("svg", { preserveAspectRatio: "xMidYMid meet", "data-bbox": "7 5.999 16 18.001", "data-type": "shape", xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", role: "presentation", "aria-hidden": "true", "aria-label": "", children: /* @__PURE__ */ jsxs("g", { children: [
-  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("filter", { id: "4e358e3c-c4cc-411c-8da6-747bbbb99bfa_audioOn-comp-mneizzz18", height: "200%", width: "200%", y: "-50%", x: "-50%", children: [
-    /* @__PURE__ */ jsx("feOffset", { result: "out-offset", in: "SourceAlpha" }),
-    /* @__PURE__ */ jsx("feGaussianBlur", { result: "out-blur", in: "out-offset", stdDeviation: "2" }),
-    /* @__PURE__ */ jsx("feColorMatrix", { result: "out-matrix", in: "out-blur", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" }),
-    /* @__PURE__ */ jsxs("feMerge", { children: [
-      /* @__PURE__ */ jsx("feMergeNode", { in: "out-matrix" }),
-      /* @__PURE__ */ jsx("feMergeNode", { in: "SourceGraphic" })
-    ] })
-  ] }) }),
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      fill: "white",
-      filter: "url(#4e358e3c-c4cc-411c-8da6-747bbbb99bfa_audioOn-comp-mneizzz18)",
-      d: "M23 6.616a.625.625 0 0 0-.727-.609l-10.241 1.54a.62.62 0 0 0-.535.609l-.006 10.016c0 .892-.276 1.319-1.971 1.319C7.646 19.49 7 20.631 7 21.748 7 22.655 7.507 24 9.516 24c2.249 0 3.236-1.44 3.236-2.713l.006-9.719 8.98-1.454v6.87c-.045.763-.401 1.13-1.973 1.13-1.874 0-2.52 1.141-2.52 2.258 0 .907.507 2.252 2.516 2.252 2.249 0 3.236-1.44 3.236-2.713L23 6.616z"
-    }
-  )
-] }) });
+const MutedIcon = () => (
+  /* oxlint-disable-next-line jsx_a11y/role-supports-aria-props */
+  /* @__PURE__ */ jsx("svg", { preserveAspectRatio: "xMidYMid meet", "data-bbox": "5.726 5.999 21.997 18.001", "data-type": "shape", xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", role: "presentation", "aria-hidden": "true", "aria-label": "", children: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("filter", { id: "b0f9f707-af61-4336-bcea-c2fee482e562_audioOff-comp-mneizzz18", height: "200%", width: "200%", y: "-50%", x: "-50%", children: [
+      /* @__PURE__ */ jsx("feOffset", { result: "out-offset", in: "SourceAlpha" }),
+      /* @__PURE__ */ jsx("feGaussianBlur", { result: "out-blur", in: "out-offset", stdDeviation: "2" }),
+      /* @__PURE__ */ jsx("feColorMatrix", { result: "out-matrix", in: "out-blur", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.40 0" }),
+      /* @__PURE__ */ jsxs("feMerge", { children: [
+        /* @__PURE__ */ jsx("feMergeNode", { in: "out-matrix" }),
+        /* @__PURE__ */ jsx("feMergeNode", { in: "SourceGraphic" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx("path", { fill: "white", filter: "url(#b0f9f707-af61-4336-bcea-c2fee482e562_audioOff-comp-mneizzz18)", d: "M27.39 17.535a.478.478 0 0 1 .306.615v.001a.51.51 0 0 1-.641.292L6.074 12.471a.478.478 0 0 1-.325-.605.505.505 0 0 1 .661-.302l20.98 5.971zm-6.211.375c1.911-.377 1.812 2.001 1.813 2.001 0 1.273-.986 2.713-3.235 2.713-2.009 0-2.515-1.345-2.515-2.252 0-1.117.646-2.258 2.519-2.258.671-.001 1.095-.141 1.418-.204zm-8.427-1.643v.013h.001l-.005 5.007c0 1.273-.985 2.713-3.233 2.713C7.506 24 7 22.655 7 21.748c0-1.117.646-2.258 2.519-2.258 1.696 0 1.972-.427 1.972-1.319l.001-1.934a.513.513 0 0 1 .512-.477h.23c.285 0 .518.228.518.507zm-.537-4.642a.666.666 0 0 1-.506-.141.61.61 0 0 1-.22-.468l.006-2.86c0-.304.227-.562.535-.609l10.238-1.54a.629.629 0 0 1 .726.609L23 13.591c0 .013-.006.024-.007.036a.49.49 0 0 1-.094.248.516.516 0 0 1-.416.222h-.229a.51.51 0 0 1-.517-.505l-.004-3.479-9.518 1.512z" })
+  ] }) })
+);
+const UnMutedIcon = () => (
+  /* oxlint-disable-next-line jsx_a11y/role-supports-aria-props */
+  /* @__PURE__ */ jsx("svg", { preserveAspectRatio: "xMidYMid meet", "data-bbox": "7 5.999 16 18.001", "data-type": "shape", xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", role: "presentation", "aria-hidden": "true", "aria-label": "", children: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("filter", { id: "4e358e3c-c4cc-411c-8da6-747bbbb99bfa_audioOn-comp-mneizzz18", height: "200%", width: "200%", y: "-50%", x: "-50%", children: [
+      /* @__PURE__ */ jsx("feOffset", { result: "out-offset", in: "SourceAlpha" }),
+      /* @__PURE__ */ jsx("feGaussianBlur", { result: "out-blur", in: "out-offset", stdDeviation: "2" }),
+      /* @__PURE__ */ jsx("feColorMatrix", { result: "out-matrix", in: "out-blur", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" }),
+      /* @__PURE__ */ jsxs("feMerge", { children: [
+        /* @__PURE__ */ jsx("feMergeNode", { in: "out-matrix" }),
+        /* @__PURE__ */ jsx("feMergeNode", { in: "SourceGraphic" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        fill: "white",
+        filter: "url(#4e358e3c-c4cc-411c-8da6-747bbbb99bfa_audioOn-comp-mneizzz18)",
+        d: "M23 6.616a.625.625 0 0 0-.727-.609l-10.241 1.54a.62.62 0 0 0-.535.609l-.006 10.016c0 .892-.276 1.319-1.971 1.319C7.646 19.49 7 20.631 7 21.748 7 22.655 7.507 24 9.516 24c2.249 0 3.236-1.44 3.236-2.713l.006-9.719 8.98-1.454v6.87c-.045.763-.401 1.13-1.973 1.13-1.874 0-2.52 1.141-2.52 2.258 0 .907.507 2.252 2.516 2.252 2.249 0 3.236-1.44 3.236-2.713L23 6.616z"
+      }
+    )
+  ] }) })
+);
 const PauseIcon = () => /* @__PURE__ */ jsxs("svg", { width: "64", height: "64", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ jsx("rect", { x: "13", y: "10", width: "5", height: "20", "data-color": "1", fill: "white", "data-testid": "pause-rect" }),
   /* @__PURE__ */ jsx("rect", { x: "22", y: "10", width: "5", height: "20", "data-color": "1", fill: "white", "data-testid": "pause-rect" })
@@ -3555,11 +3584,7 @@ function TransparentVideo(props) {
     {
       id,
       ref: playerRef,
-      className: clsx(
-        styles.mainWrapper,
-        className,
-        "wixui-transparent-video"
-      ),
+      className: clsx(styles.mainWrapper, className, "wixui-transparent-video"),
       "data-has-alpha": "true",
       "data-playing": shouldAutoplay ? "" : void 0,
       onClick: onClickHandler,
@@ -3585,7 +3610,11 @@ function TransparentVideo(props) {
             {
               id: `${id}-webglcanvas`,
               ref: canvasRef,
-              className: clsx(styles.canvas, "webglcanvas", shouldDisplayPoster && styles.hidden),
+              className: clsx(
+                styles.canvas,
+                "webglcanvas",
+                shouldDisplayPoster && styles.hidden
+              ),
               "aria-label": (a11y == null ? void 0 : a11y.ariaLabel) || "",
               role: "presentation",
               "data-testid": "canvas"
@@ -3598,12 +3627,28 @@ function TransparentVideo(props) {
             containerId: id,
             posterUrl,
             posterFilterId,
-            filterEffectSvgString: getFilterEffectString(posterFilterId, filterEffects),
+            filterEffectSvgString: getFilterEffectString(
+              posterFilterId,
+              filterEffects
+            ),
             ariaLabel: a11y == null ? void 0 : a11y.ariaLabel
           }
         ),
-        shouldDisplayAudioToggle && /* @__PURE__ */ jsx("div", { className: clsx(styles.audioToggle), onClick: onAudioToggleClickHandler, children: isMuted ? /* @__PURE__ */ jsx(MutedIcon, {}) : /* @__PURE__ */ jsx(UnMutedIcon, {}) }),
-        shouldDisplayPlayButton && /* @__PURE__ */ jsx("div", { className: clsx(styles.playWrapper, { [styles.isShown]: !isPlaying }), children: isPlaying ? /* @__PURE__ */ jsx(PauseIcon, {}) : /* @__PURE__ */ jsx(PlayIcon, {}) })
+        shouldDisplayAudioToggle && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clsx(styles.audioToggle),
+            onClick: onAudioToggleClickHandler,
+            children: isMuted ? /* @__PURE__ */ jsx(MutedIcon, {}) : /* @__PURE__ */ jsx(UnMutedIcon, {})
+          }
+        ),
+        shouldDisplayPlayButton && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clsx(styles.playWrapper, { [styles.isShown]: !isPlaying }),
+            children: isPlaying ? /* @__PURE__ */ jsx(PauseIcon, {}) : /* @__PURE__ */ jsx(PlayIcon, {})
+          }
+        )
       ]
     }
   );

package/dist/site/components/TransparentVideo/css.css

@@ -5,7 +5,8 @@
 .mainWrapper__gc4Bd[data-show-canvas] .canvas__fJeLY {
   opacity: 1;
 }
-.mainWrapper__gc4Bd:hover .audioToggle__k2EqB, .mainWrapper__gc4Bd:hover .playWrapper__yH3ix {
+.mainWrapper__gc4Bd:hover .audioToggle__k2EqB,
+.mainWrapper__gc4Bd:hover .playWrapper__yH3ix {
   opacity: 1;
 }
 .mainWrapper__gc4Bd:hover .playWrapper__yH3ix svg {

package/dist/site/components/VideoUpload/component.js

@@ -448,15 +448,13 @@ const useVolume = (videoRef, video) => {
     }
     _setVolume(videoElement.volume);
     _setIsMuted(videoElement.muted);
-    videoElement.addEventListener("volumechange", () => {
+    const handleVolumeChange = () => {
       _setVolume(videoElement.volume);
       _setIsMuted(videoElement.muted);
-    });
+    };
+    videoElement.addEventListener("volumechange", handleVolumeChange);
     return () => {
-      videoElement.removeEventListener("volumechange", () => {
-        _setVolume(videoElement.volume);
-        _setIsMuted(videoElement.muted);
-      });
+      videoElement.removeEventListener("volumechange", handleVolumeChange);
     };
   }, [videoRef]);
   return {

package/dist/site/components/VideoUpload/sdk.js

@@ -462,9 +462,7 @@ const fixMediaTitleLength = (value, lengthLimit) => {
 };
 const parseVideoQualities = (fileOutput) => {
   var _a;
-  const mp4Videos = fileOutput.video.filter(
-    (v) => v.format === "mp4"
-  );
+  const mp4Videos = fileOutput.video.filter((v) => v.format === "mp4");
   const storyboard = (_a = fileOutput.storyboard) == null ? void 0 : _a.find(
     (s) => s.format === "mp4"
   );
@@ -487,7 +485,10 @@ const parseVideoQualities = (fileOutput) => {
   return qualities;
 };
 const parseAdaptiveUrls = (fileOutput) => {
-  const adaptiveVideo = getObjectValueByKey(fileOutput, "adaptive_video");
+  const adaptiveVideo = getObjectValueByKey(
+    fileOutput,
+    "adaptive_video"
+  );
   return adaptiveVideo.map((item) => ({
     format: item.format,
     url: item.url

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

@@ -50,7 +50,9 @@ function useIconAnimation(isDisabled) {
 }
 function useHoverState(iconAnimationTriggers, onAnimationForward, onAnimationBackward, propsOnMouseEnter, propsOnMouseLeave) {
   const [active2, setActive] = useState(false);
-  const animationTimeoutRef = useRef(null);
+  const animationTimeoutRef = useRef(
+    null
+  );
   useEffect(() => {
     return () => {
       if (animationTimeoutRef.current) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2162.0",
+  "version": "1.2164.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -34,6 +34,10 @@
     "build": "yarn build:lite && yarn build:janet && yarn build:package",
     "build:package": "vite build && yarn check:npm-bundle-secrets",
     "check:npm-bundle-secrets": "node scripts/check-npm-bundle-secrets.mjs",
+    "lint": "yarn run -T lint:ox:package",
+    "check:linting": "yarn run lint",
+    "check:formatting": "yarn run -T oxfmt -c ../../.oxfmtrc.json . --check",
+    "validate": "yarn run -T turbo check:linting check:formatting",
     "build:app": "astro check && wix build",
     "build:lite": "yarn validate:manifests && yarn build:app",
     "dev": "yarn validate:manifests && yarn cli-dev",
@@ -174,6 +178,9 @@
       "method": "DAC"
     },
     "validations": {
+      "postDependenciesBuild": [
+        "validate"
+      ],
       "postPublish": [
         "test:e2e"
       ]
@@ -183,5 +190,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "795552f8f0ebaf12badc4fc95f348e902a2a6af0ab367387a205254b"
+  "falconPackageHash": "69df6063d9c2457247375ca4a90bb48eb537708fef78cc0fd66e189d"
 }