@wix/editor-react-components 1.2449.0 → 1.2450.0

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

@@ -8,7 +8,7 @@ import { e as getTabIndexAttribute, f as convertA11yKeysToHtmlFormat } from "../
 import { createPortal } from "react-dom";
 import { g as getDefaultExportFromCjs } from "../chunks/_commonjsHelpers.js";
 import { G as GOOGLE_MAPS_DIRECTIONS_BASE_URL, M as MIN_ZOOM, a as MAX_ZOOM, T as TestIds, D as DEFAULT_ZOOM, b as MAP_IDS, c as MAP_TYPES, A as API_KEY, d as DEFAULT_LOCATION, e as DefaultTranslations, f as TranslationKeys, g as TRANSLATIONS_NAMESPACES, C as COMPANY_NAME_DEFAULT, h as COMPANY_NAME_KEY, i as COMPONENT_NAME_DEFAULT, j as COMPONENT_NAME_KEY } from "../chunks/consts.js";
-import { p as parse } from "../chunks/index5.js";
+import { p as parse } from "../chunks/index4.js";
 import { useService } from "@wix/services-manager-react";
 import { E as EnvironmentDefinition } from "../chunks/index2.js";
 import { u as useConsentPolicyProps, C as ConsentPolicyWrapper } from "../chunks/useConsentPolicyProps.js";

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

@@ -4,7 +4,7 @@ import { a as getDataAttributes, n as normalizeWixUri } from "../chunks/dataUtil
 import { e as getTabIndexAttribute } from "../chunks/a11y.js";
 import { L as Link } from "../chunks/Link.js";
 import * as React from "react";
-import { a as getData, g as getPlaceholder, S as STATIC_MEDIA_URL$1 } from "../chunks/index4.js";
+import { a as getData, g as getPlaceholder, S as STATIC_MEDIA_URL$1 } from "../chunks/index5.js";
 import { g as getMediaSizeQueryString, c as camelToKebab, a as getMediaUrlByContext, i as initCustomElement } from "../chunks/customElementInit.js";
 import { useService } from "@wix/services-manager-react";
 import { R as RenderingContextDefinition } from "../chunks/index3.js";

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

@@ -1,10 +1,10 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useRef, useState, useEffect, useMemo, useCallback } from "react";
+import { p as parse } from "../chunks/index4.js";
 import { F as FilterEffectType, V as VideoStartType, a as VideoEndType, b as VideoPlayingState } from "../chunks/TransparentVideo.types.js";
-import { S as STATIC_MEDIA_URL } from "../chunks/index4.js";
+import "../chunks/index5.js";
 import { c as clsx } from "../chunks/clsx.js";
 import { V as Video } from "../chunks/Video.js";
-import { p as parse } from "../chunks/index5.js";
 function getSepia(amount) {
   return `${0.393 + 0.607 * (1 - amount)} ${0.769 - 0.769 * (1 - amount)} ${0.189 - 0.189 * (1 - amount)} 0 0
      ${0.349 - 0.349 * (1 - amount)} ${0.686 + 0.314 * (1 - amount)} ${0.168 - 0.168 * (1 - amount)} 0 0
@@ -620,25 +620,6 @@ const getFilterEffectString = (id, filterEffect) => {
     {}
   );
 };
-const removeMediaPrefix = (uri) => {
-  if (uri.startsWith("media/")) {
-    return uri.replace(/^media\//, "");
-  }
-  if (uri.startsWith("/media/")) {
-    return uri.replace(/^\/media\//, "");
-  }
-  return uri;
-};
-const formatPosterUrl = (uri, width, height) => {
-  if (!uri) {
-    return void 0;
-  }
-  if (uri.startsWith("http")) {
-    return uri;
-  }
-  const normalizedUri = removeMediaPrefix(uri);
-  return `${STATIC_MEDIA_URL}${normalizedUri}`;
-};
 const SVG_FILTER_ID_PREFIX = "svg_filter_";
 const replaceCompIdPlaceholder = (str, compId) => str.replace(/<%= compId %>/g, compId);
 const getActiveFilterEffect = (props) => {
@@ -3449,7 +3430,6 @@ const audioToggle = "audioToggle__k2EqB";
 const playWrapper = "playWrapper__yH3ix";
 const videoWrapper = "videoWrapper__e-kgj";
 const hidden = "hidden__L52Wy";
-const poster = "poster__d1pI5";
 const isShown = "isShown__QBpcz";
 const filterEffectSvg = "filterEffectSvg__B9Lye";
 const styles = {
@@ -3459,41 +3439,9 @@ const styles = {
   playWrapper,
   videoWrapper,
   hidden,
-  poster,
   isShown,
   filterEffectSvg
 };
-const TransparentVideoPoster = React__default.memo(
-  (props) => {
-    var _a;
-    const {
-      containerId,
-      posterFilterId,
-      ariaLabel,
-      posterUrl,
-      filterEffectSvgString
-    } = props;
-    const posterId = (_a = posterUrl.split("/").at(-1)) == null ? void 0 : _a.split(".")[0];
-    const instanceId = `poster-${posterId}_${containerId}`;
-    const defsStr = filterEffectSvgString ? closeSelfClosingSvgTags(
-      replaceCompIdPlaceholder(filterEffectSvgString, posterFilterId)
-    ) : "";
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "img",
-        {
-          style: { filter: `url(#${posterFilterId})` },
-          alt: ariaLabel,
-          className: styles.poster,
-          src: posterUrl,
-          id: `img_${instanceId}`
-        }
-      ),
-      defsStr && /* @__PURE__ */ jsx("svg", { id: `svg_${instanceId}`, className: styles.filterEffectSvg, children: /* @__PURE__ */ jsx("defs", { children: parse(defsStr) }) })
-    ] });
-  }
-);
-TransparentVideoPoster.displayName = "TransparentVideoPoster";
 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: [
@@ -3552,7 +3500,6 @@ const PlayIcon = () => /* @__PURE__ */ jsx(
   }
 );
 function TransparentVideo(props) {
-  var _a;
   const filterEffects = getActiveFilterEffect(props);
   const {
     a11y,
@@ -3577,8 +3524,12 @@ function TransparentVideo(props) {
     shouldDisplayAudioToggle,
     shouldDisplayPlayButton
   } = useTransparentVideo({ ...props, filterEffect: filterEffects });
-  const posterUri = (_a = video == null ? void 0 : video.poster) == null ? void 0 : _a.uri;
-  const posterUrl = posterUri ? formatPosterUrl(posterUri) : "";
+  const filterDefs = filterEffects ? closeSelfClosingSvgTags(
+    replaceCompIdPlaceholder(
+      getFilterEffectString(posterFilterId, filterEffects),
+      posterFilterId
+    )
+  ) : "";
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -3592,19 +3543,27 @@ function TransparentVideo(props) {
       onMouseLeave: onMouseOutHandler,
       children: [
         video && /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { className: styles.videoWrapper, children: /* @__PURE__ */ jsx(
-            Video,
+          /* @__PURE__ */ jsx(
+            "div",
             {
-              id: `wix-video-${id}`,
-              videoRef,
-              videoMedia: { ...video, name: (a11y == null ? void 0 : a11y.ariaLabel) || video.name },
-              muted: shouldMuteVideo,
-              loop: videoEndType === VideoEndType.loop,
-              autoplay: shouldAutoplay,
-              qualityPolicy: "adaptive",
-              playbackRate
+              className: styles.videoWrapper,
+              style: filterEffects ? { filter: `url(#${posterFilterId})` } : void 0,
+              children: /* @__PURE__ */ jsx(
+                Video,
+                {
+                  id: `wix-video-${id}`,
+                  videoRef,
+                  videoMedia: { ...video, name: (a11y == null ? void 0 : a11y.ariaLabel) || video.name },
+                  muted: shouldMuteVideo,
+                  loop: videoEndType === VideoEndType.loop,
+                  autoplay: shouldAutoplay,
+                  qualityPolicy: "adaptive",
+                  playbackRate
+                }
+              )
             }
-          ) }),
+          ),
+          filterDefs && /* @__PURE__ */ jsx("svg", { className: styles.filterEffectSvg, children: /* @__PURE__ */ jsx("defs", { children: parse(filterDefs) }) }),
           /* @__PURE__ */ jsx(
             "canvas",
             {
@@ -3621,19 +3580,6 @@ function TransparentVideo(props) {
             }
           )
         ] }),
-        posterUrl && shouldDisplayPoster && /* @__PURE__ */ jsx(
-          TransparentVideoPoster,
-          {
-            containerId: id,
-            posterUrl,
-            posterFilterId,
-            filterEffectSvgString: getFilterEffectString(
-              posterFilterId,
-              filterEffects
-            ),
-            ariaLabel: a11y == null ? void 0 : a11y.ariaLabel
-          }
-        ),
         shouldDisplayAudioToggle && /* @__PURE__ */ jsx(
           "div",
           {

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

@@ -14,10 +14,12 @@
 }
 
 .videoWrapper__e-kgj {
-  visibility: hidden;
-  opacity: 0;
-  width: 0;
-  height: 0;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+}
+.videoWrapper__e-kgj video {
+  display: none;
 }
 
 .canvas__fJeLY {

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { i as imageKit, g as getPlaceholder } from "./index4.js";
+import { i as imageKit, g as getPlaceholder } from "./index5.js";
 const image = "image__WopE9";
 const styles = {
   image

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

@@ -1,4 +1,4 @@
-import { a as getData, b as getFileExtension, f as fileType, c as alignTypes, d as fittingTypes } from "./index4.js";
+import { a as getData, b as getFileExtension, f as fileType, c as alignTypes, d as fittingTypes } from "./index5.js";
 import { g as getDefaultExportFromCjs } from "./_commonjsHelpers.js";
 var fastdom$2 = { exports: {} };
 var fastdom$1 = fastdom$2.exports;