@wix/ricos 10.110.0 → 10.111.0

package/dist/cjs/plugin-video/viewer/video.js

@@ -27,28 +27,287 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var video_exports = {};
 __export(video_exports, {
-  default: () => video_default
+  Video: () => Video
 });
 module.exports = __toCommonJS(video_exports);
 var import_react = __toESM(require("react"));
-var import_ricos_context = require("./../../ricos-context");
-var import_dataHooks = require("../dataHooks");
+var import_react_dom = __toESM(require("react-dom"));
+var import_wix_rich_content_common = require("./../../wix-rich-content-common");
+var import_IframePlayer = __toESM(require("../IframePlayer"));
+var import_reactPlayerWrapper = require("../reactPlayerWrapper");
 var import_video_viewer_scss = __toESM(require("../statics/styles/video-viewer-scss"));
-var import_types = require("../types");
-var import_video_viewer = require("./video-viewer");
-const Video = ({ node, nodeIndex, NodeViewContainer }) => {
-  const { seoMode, config } = (0, import_react.useContext)(import_ricos_context.RicosViewerContext);
-  const { videoData } = node;
-  return /* @__PURE__ */ import_react.default.createElement(NodeViewContainer, { node, nodeIndex, key: node.id }, /* @__PURE__ */ import_react.default.createElement("div", { className: import_video_viewer_scss.default.video_container, "data-hook": import_dataHooks.ROOT }, !!videoData && /* @__PURE__ */ import_react.default.createElement(
-    import_video_viewer.VideoViewer,
+const Video = ({
+  config,
+  componentData,
+  nodeId,
+  isLight,
+  onReady,
+  isLoaded,
+  seoMode,
+  muted,
+  onDuration,
+  disabled
+}) => {
+  const [key, setKey] = (0, import_react.useState)("");
+  const [state, setState] = (0, import_react.useState)(() => {
+    const getInitialUrlState = () => {
+      const { src } = componentData.video || {};
+      if (src?.url) {
+        const normalizedUrl = normalizeUrl(src.url);
+        return {
+          type: "READY",
+          loadedUrl: normalizedUrl
+        };
+      }
+      if (src?.id && config.getVideoUrl) {
+        try {
+          const videoUrl = config.getVideoUrl({ pathname: src.id });
+          if (typeof videoUrl === "string") {
+            return {
+              type: "READY",
+              loadedUrl: normalizeUrl(videoUrl),
+              startingId: src.id
+            };
+          }
+          return { type: "INITIAL" };
+        } catch (e) {
+          return { type: "INITIAL" };
+        }
+      }
+      return { type: "INITIAL" };
+    };
+    const getInitialThumbnailUrlState = () => {
+      const thumbnailId = componentData?.thumbnail?.src?.id;
+      const thumbnailSrc = componentData?.thumbnail?.src?.url;
+      if (thumbnailSrc) {
+        return {
+          type: "READY",
+          loadedUrl: thumbnailSrc
+        };
+      }
+      if (!thumbnailId || !config.getThumbnailUrl) {
+        return { type: "INITIAL" };
+      }
+      try {
+        const thumbnailUrl = config.getThumbnailUrl({ pathname: thumbnailId });
+        if (typeof thumbnailUrl === "string") {
+          return {
+            type: "READY",
+            loadedUrl: thumbnailUrl,
+            startingId: thumbnailId
+          };
+        }
+      } catch (e) {
+        return { type: "INITIAL" };
+      }
+      return { type: "INITIAL" };
+    };
+    return {
+      isLoaded: false,
+      isVideoWrapperAttachedToDom: false,
+      url: getInitialUrlState(),
+      thumbnailUrl: getInitialThumbnailUrlState()
+    };
+  });
+  (0, import_react.useEffect)(() => {
+    setKey("mounted");
+  }, []);
+  (0, import_react.useEffect)(() => {
+    const updateUrl = async () => {
+      const { src } = componentData.video || {};
+      const currentUrl = state.url;
+      if (currentUrl.type === "LOADING") {
+        return;
+      }
+      if (src?.url) {
+        const normalizedUrl = normalizeUrl(src.url);
+        if (currentUrl.type === "READY" && currentUrl.loadedUrl === normalizedUrl) {
+          return;
+        }
+        setState((prev) => ({
+          ...prev,
+          url: {
+            type: "READY",
+            loadedUrl: normalizedUrl
+          }
+        }));
+        return;
+      }
+      if (src?.id && config.getVideoUrl) {
+        if (currentUrl.type === "READY" && currentUrl.startingId === src.id) {
+          return;
+        }
+        setState((prev) => ({ ...prev, url: { type: "LOADING" } }));
+        try {
+          const videoUrl = await config.getVideoUrl({ pathname: src.id });
+          setState((prev) => ({
+            ...prev,
+            url: {
+              type: "READY",
+              loadedUrl: normalizeUrl(videoUrl),
+              startingId: src.id
+            }
+          }));
+          return;
+        } catch (e) {
+          setState((prev) => ({ ...prev, url: { type: "READY", startingId: src.id } }));
+          return;
+        }
+      }
+      if (currentUrl.type !== "READY") {
+        setState((prev) => ({ ...prev, url: { type: "READY" } }));
+      }
+    };
+    updateUrl();
+  }, [componentData.video, config.getVideoUrl, state.url]);
+  (0, import_react.useEffect)(() => {
+    const updateThumbnail = async () => {
+      const { src } = componentData.thumbnail || {};
+      const thumbnailId = src?.id;
+      const thumbnailSrc = src?.url;
+      const thumbnailState = state.thumbnailUrl;
+      if (thumbnailSrc) {
+        if (state.thumbnailUrl.type === "READY" && thumbnailSrc === state.thumbnailUrl.loadedUrl) {
+          return;
+        }
+        setState((prev) => ({
+          ...prev,
+          thumbnailUrl: {
+            type: "READY",
+            loadedUrl: thumbnailSrc
+          }
+        }));
+        return;
+      }
+      if (thumbnailState.type === "LOADING") {
+        return;
+      }
+      if (!thumbnailId) {
+        if (thumbnailState.type === "INITIAL") {
+          setState((prev) => ({ ...prev, thumbnailUrl: { type: "READY" } }));
+        }
+        return;
+      }
+      if (!config.getThumbnailUrl) {
+        if (thumbnailState.type === "INITIAL" || thumbnailState.type === "READY" && thumbnailState.startingId !== thumbnailId) {
+          setState((prev) => ({ ...prev, thumbnailUrl: { type: "READY", startingId: thumbnailId } }));
+        }
+        return;
+      }
+      if (thumbnailState.type === "READY" && thumbnailState.startingId === thumbnailId && !!thumbnailState.loadedUrl) {
+        return;
+      }
+      try {
+        setState((prev) => ({ ...prev, thumbnailUrl: { type: "LOADING" } }));
+        const thumbnailUrl = await config.getThumbnailUrl({ pathname: thumbnailId });
+        setState((prev) => ({
+          ...prev,
+          thumbnailUrl: {
+            type: "READY",
+            loadedUrl: thumbnailUrl,
+            startingId: thumbnailId
+          }
+        }));
+      } catch (e) {
+        setState((prev) => ({ ...prev, thumbnailUrl: { type: "READY", startingId: thumbnailId } }));
+      }
+    };
+    updateThumbnail();
+  }, [componentData.thumbnail, config.getThumbnailUrl, state.thumbnailUrl]);
+  (0, import_react.useEffect)(() => {
+    if (!state.isVideoWrapperAttachedToDom) {
+      const videoRatio = getVideoRatio();
+      if (videoRatio) {
+        setVideoRatio(videoRatio.ratio, videoRatio.wrapper);
+        setState((prev) => ({ ...prev, isVideoWrapperAttachedToDom: true }));
+      }
+    }
+  }, [state.isVideoWrapperAttachedToDom]);
+  const getVideoRatio = () => {
+    const wrapper = import_react_dom.default.findDOMNode(void 0)?.parentNode;
+    if (!wrapper) {
+      return void 0;
+    }
+    const element = wrapper.querySelector("iframe, video");
+    if (!element) {
+      return void 0;
+    }
+    const ratio = element.clientHeight / element.clientWidth;
+    return !isNaN(ratio) ? { ratio, wrapper } : void 0;
+  };
+  const setVideoRatio = (ratio, wrapper) => {
+    wrapper.style["padding-bottom"] = ratio * 100 + "%";
+  };
+  const onReactPlayerReady = (player) => {
+    if (onReady) {
+      onReady(player);
+      return;
+    }
+    if (!isLoaded) {
+      setState((prev) => ({ ...prev, isLoaded: true }));
+    }
+  };
+  const handleContextMenu = (e) => componentData.disableDownload && e.preventDefault();
+  const getDownloadProps = () => {
+    if ((0, import_wix_rich_content_common.isDefined)(componentData?.disableDownload) && componentData.disableDownload || (0, import_wix_rich_content_common.isDefined)(config?.disableDownload) && config.disableDownload) {
+      return {
+        config: {
+          file: {
+            attributes: {
+              controlsList: "nodownload"
+            }
+          }
+        }
+      };
+    }
+    return {
+      config: {}
+    };
+  };
+  const getLightProps = () => {
+    if (!isLight) {
+      return {
+        isLight: false
+      };
+    }
+    return {
+      isLight: true,
+      thumbnail: state.thumbnailUrl.type === "READY" ? state.thumbnailUrl.loadedUrl : void 0
+    };
+  };
+  const url = state.url.type === "READY" ? state.url.loadedUrl : void 0;
+  if (!url) {
+    return null;
+  }
+  const isCustomVideo = !!componentData.video?.src?.id;
+  const shouldRenderIframe = (0, import_wix_rich_content_common.isSSR)() && seoMode && url;
+  const { autoPlay = false, playInLoop = false, showControls = true } = componentData.options || {};
+  return shouldRenderIframe ? /* @__PURE__ */ import_react.default.createElement(import_IframePlayer.default, { isCustomVideo, url }) : /* @__PURE__ */ import_react.default.createElement(
+    import_reactPlayerWrapper.ReactPlayerWrapper,
     {
-      config: config[import_types.VIDEO_TYPE] || {},
-      componentData: videoData,
-      nodeId: node.id,
-      seoMode: !!seoMode,
-      isLight: true
+      className: import_video_viewer_scss.default.video_player,
+      onContextMenu: handleContextMenu,
+      controls: isLoaded !== false && showControls,
+      url,
+      onReady: onReactPlayerReady,
+      disabled,
+      width: "100%",
+      height: "100%",
+      key,
+      onDuration,
+      onProgress: (progress) => {
+        config.onProgress?.({ ...progress, id: nodeId });
+      },
+      progressInterval: config.progressInterval || 1e3,
+      muted: muted || autoPlay,
+      isLoaded: isLoaded || state.isLoaded,
+      autoPlay,
+      loop: playInLoop,
+      isCustomVideo,
+      ...getLightProps(),
+      ...getDownloadProps()
     }
-  )));
+  );
 };
-var video_default = Video;
+const normalizeUrl = (url) => url && (url.toLowerCase().indexOf("vimeo") === 0 ? "https://" + url : url);
 //# sourceMappingURL=video.js.map

package/dist/cjs/plugin-video/viewer/video.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-video/viewer/video.tsx"],
-  "sourcesContent": ["import React, { useContext } from 'react';\n\nimport { RicosViewerContext } from './../../ricos-context';\nimport type { NodeViewRendererProps } from './../../ricos-types';\n\nimport { ROOT } from '../dataHooks';\nimport styles from '../statics/styles/video-viewer-scss';\nimport { VIDEO_TYPE } from '../types';\nimport { VideoViewer } from './video-viewer';\n\nconst Video = ({ node, nodeIndex, NodeViewContainer }: NodeViewRendererProps) => {\n  const { seoMode, config } = useContext(RicosViewerContext);\n  const { videoData } = node;\n\n  return (\n    <NodeViewContainer node={node} nodeIndex={nodeIndex} key={node.id}>\n      <div className={styles.video_container} data-hook={ROOT}>\n        {!!videoData && (\n          <VideoViewer\n            config={config[VIDEO_TYPE] || {}}\n            componentData={videoData}\n            nodeId={node.id}\n            seoMode={!!seoMode}\n            isLight\n          />\n        )}\n      </div>\n    </NodeViewContainer>\n  );\n};\n\nexport default Video;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAElC,2BAAmC;AAGnC,uBAAqB;AACrB,+BAAmB;AACnB,mBAA2B;AAC3B,0BAA4B;AAE5B,MAAM,QAAQ,CAAC,EAAE,MAAM,WAAW,kBAAkB,MAA6B;AAC/E,QAAM,EAAE,SAAS,OAAO,QAAI,yBAAW,uCAAkB;AACzD,QAAM,EAAE,UAAU,IAAI;AAEtB,SACE,6BAAAA,QAAA,cAAC,qBAAkB,MAAY,WAAsB,KAAK,KAAK,MAC7D,6BAAAA,QAAA,cAAC,SAAI,WAAW,yBAAAC,QAAO,iBAAiB,aAAW,yBAChD,CAAC,CAAC,aACD,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ,OAAO,uBAAU,KAAK,CAAC;AAAA,MAC/B,eAAe;AAAA,MACf,QAAQ,KAAK;AAAA,MACb,SAAS,CAAC,CAAC;AAAA,MACX,SAAO;AAAA;AAAA,EACT,CAEJ,CACF;AAEJ;AAEA,IAAO,gBAAQ;",
-  "names": ["React", "styles"]
+  "sourcesContent": ["import React, { useEffect, useState } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport type { VideoData } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport { isDefined, isSSR } from './../../wix-rich-content-common';\n\nimport IframePlayer from '../IframePlayer';\nimport type { ReactPlayerWrapperProps } from '../reactPlayerWrapper';\nimport { ReactPlayerWrapper } from '../reactPlayerWrapper';\nimport styles from '../statics/styles/video-viewer-scss';\nimport type { VideoPluginEditorConfig } from '../types';\n\ntype Props = {\n  config: VideoPluginEditorConfig;\n  componentData: VideoData;\n  nodeId: string;\n  isLight: boolean;\n  onReady?: ReactPlayerWrapperProps['onReady'];\n  isLoaded?: boolean;\n  seoMode?: boolean;\n  muted?: boolean;\n  onDuration?: (duration: number) => void;\n  disabled?: boolean;\n};\n\ntype UrlState =\n  | {\n      type: 'LOADING' | 'INITIAL';\n    }\n  | {\n      type: 'READY';\n      loadedUrl?: string;\n      startingId?: string;\n    };\n\ntype State = {\n  url: UrlState;\n  thumbnailUrl: UrlState;\n  isLoaded: boolean;\n  isVideoWrapperAttachedToDom: boolean;\n};\n\nexport const Video: React.FC<Props> = ({\n  config,\n  componentData,\n  nodeId,\n  isLight,\n  onReady,\n  isLoaded,\n  seoMode,\n  muted,\n  onDuration,\n  disabled,\n}) => {\n  const [key, setKey] = useState('');\n  const [state, setState] = useState<State>(() => {\n    const getInitialUrlState = (): UrlState => {\n      const { src } = componentData.video || {};\n\n      if (src?.url) {\n        const normalizedUrl = normalizeUrl(src.url);\n\n        return {\n          type: 'READY',\n          loadedUrl: normalizedUrl,\n        };\n      }\n      if (src?.id && config.getVideoUrl) {\n        try {\n          const videoUrl = config.getVideoUrl({ pathname: src.id });\n          if (typeof videoUrl === 'string') {\n            return {\n              type: 'READY',\n              loadedUrl: normalizeUrl(videoUrl),\n              startingId: src.id,\n            };\n          }\n\n          return { type: 'INITIAL' };\n        } catch (e) {\n          return { type: 'INITIAL' };\n        }\n      }\n\n      return { type: 'INITIAL' };\n    };\n\n    const getInitialThumbnailUrlState = (): UrlState => {\n      const thumbnailId = componentData?.thumbnail?.src?.id;\n      const thumbnailSrc = componentData?.thumbnail?.src?.url;\n\n      if (thumbnailSrc) {\n        return {\n          type: 'READY',\n          loadedUrl: thumbnailSrc,\n        };\n      }\n      if (!thumbnailId || !config.getThumbnailUrl) {\n        return { type: 'INITIAL' };\n      }\n\n      try {\n        const thumbnailUrl = config.getThumbnailUrl({ pathname: thumbnailId });\n\n        if (typeof thumbnailUrl === 'string') {\n          return {\n            type: 'READY',\n            loadedUrl: thumbnailUrl,\n            startingId: thumbnailId,\n          };\n        }\n      } catch (e) {\n        return { type: 'INITIAL' };\n      }\n\n      return { type: 'INITIAL' };\n    };\n\n    return {\n      isLoaded: false,\n      isVideoWrapperAttachedToDom: false,\n      url: getInitialUrlState(),\n      thumbnailUrl: getInitialThumbnailUrlState(),\n    };\n  });\n\n  useEffect(() => {\n    setKey('mounted'); //remounts reactPlayer after ssr. Fixes bug where internal player id changes in client\n  }, []);\n\n  useEffect(() => {\n    const updateUrl = async () => {\n      const { src } = componentData.video || {};\n      const currentUrl = state.url;\n\n      if (currentUrl.type === 'LOADING') {\n        return;\n      }\n\n      if (src?.url) {\n        const normalizedUrl = normalizeUrl(src.url);\n        if (currentUrl.type === 'READY' && currentUrl.loadedUrl === normalizedUrl) {\n          return;\n        }\n        setState(prev => ({\n          ...prev,\n          url: {\n            type: 'READY',\n            loadedUrl: normalizedUrl,\n          },\n        }));\n        return;\n      }\n\n      if (src?.id && config.getVideoUrl) {\n        if (currentUrl.type === 'READY' && currentUrl.startingId === src.id) {\n          return;\n        }\n\n        setState(prev => ({ ...prev, url: { type: 'LOADING' } }));\n\n        try {\n          const videoUrl = await config.getVideoUrl({ pathname: src.id });\n          setState(prev => ({\n            ...prev,\n            url: {\n              type: 'READY',\n              loadedUrl: normalizeUrl(videoUrl),\n              startingId: src.id,\n            },\n          }));\n          return;\n        } catch (e) {\n          setState(prev => ({ ...prev, url: { type: 'READY', startingId: src.id } }));\n          return;\n        }\n      }\n\n      if (currentUrl.type !== 'READY') {\n        setState(prev => ({ ...prev, url: { type: 'READY' } }));\n      }\n    };\n\n    updateUrl();\n  }, [componentData.video, config.getVideoUrl, state.url]);\n\n  useEffect(() => {\n    const updateThumbnail = async () => {\n      const { src } = componentData.thumbnail || {};\n      const thumbnailId = src?.id;\n      const thumbnailSrc = src?.url;\n      const thumbnailState = state.thumbnailUrl;\n\n      if (thumbnailSrc) {\n        if (state.thumbnailUrl.type === 'READY' && thumbnailSrc === state.thumbnailUrl.loadedUrl) {\n          return;\n        }\n\n        setState(prev => ({\n          ...prev,\n          thumbnailUrl: {\n            type: 'READY',\n            loadedUrl: thumbnailSrc,\n          },\n        }));\n        return;\n      }\n\n      if (thumbnailState.type === 'LOADING') {\n        return;\n      }\n\n      if (!thumbnailId) {\n        if (thumbnailState.type === 'INITIAL') {\n          setState(prev => ({ ...prev, thumbnailUrl: { type: 'READY' } }));\n        }\n        return;\n      }\n\n      if (!config.getThumbnailUrl) {\n        if (\n          thumbnailState.type === 'INITIAL' ||\n          (thumbnailState.type === 'READY' && thumbnailState.startingId !== thumbnailId)\n        ) {\n          setState(prev => ({ ...prev, thumbnailUrl: { type: 'READY', startingId: thumbnailId } }));\n        }\n        return;\n      }\n      if (\n        thumbnailState.type === 'READY' &&\n        thumbnailState.startingId === thumbnailId &&\n        !!thumbnailState.loadedUrl\n      ) {\n        return;\n      }\n\n      try {\n        setState(prev => ({ ...prev, thumbnailUrl: { type: 'LOADING' } }));\n        const thumbnailUrl = await config.getThumbnailUrl({ pathname: thumbnailId });\n        setState(prev => ({\n          ...prev,\n          thumbnailUrl: {\n            type: 'READY',\n            loadedUrl: thumbnailUrl,\n            startingId: thumbnailId,\n          },\n        }));\n      } catch (e) {\n        setState(prev => ({ ...prev, thumbnailUrl: { type: 'READY', startingId: thumbnailId } }));\n      }\n    };\n\n    updateThumbnail();\n  }, [componentData.thumbnail, config.getThumbnailUrl, state.thumbnailUrl]);\n\n  useEffect(() => {\n    if (!state.isVideoWrapperAttachedToDom) {\n      const videoRatio = getVideoRatio();\n      if (videoRatio) {\n        setVideoRatio(videoRatio.ratio, videoRatio.wrapper);\n        setState(prev => ({ ...prev, isVideoWrapperAttachedToDom: true }));\n      }\n    }\n  }, [state.isVideoWrapperAttachedToDom]);\n\n  const getVideoRatio = (): { ratio: number; wrapper: ParentNode } | undefined => {\n    // eslint-disable-next-line react/no-find-dom-node\n    const wrapper = ReactDOM.findDOMNode(this)?.parentNode;\n\n    if (!wrapper) {\n      return undefined;\n    }\n\n    const element = wrapper.querySelector('iframe, video');\n    if (!element) {\n      return undefined;\n    }\n\n    const ratio = element.clientHeight / element.clientWidth;\n\n    return !isNaN(ratio) ? { ratio, wrapper: wrapper as ParentNode } : undefined;\n  };\n\n  const setVideoRatio = (ratio: number, wrapper: ParentNode) => {\n    (wrapper as HTMLElement).style['padding-bottom'] = ratio * 100 + '%';\n  };\n\n  /**\n   * A bit confusing to understand at first, but the idea is that at first\n   * you let the parent control \"isLoaded\" state for themselves and if they do not\n   * want to do that, control it here.\n   */\n  const onReactPlayerReady: ReactPlayerWrapperProps['onReady'] = player => {\n    if (onReady) {\n      onReady(player);\n      return;\n    }\n\n    if (!isLoaded) {\n      setState(prev => ({ ...prev, isLoaded: true }));\n    }\n  };\n\n  const handleContextMenu = (e: React.MouseEvent) =>\n    componentData.disableDownload && e.preventDefault();\n\n  const getDownloadProps = () => {\n    if (\n      (isDefined(componentData?.disableDownload) && componentData.disableDownload) ||\n      (isDefined(config?.disableDownload) && config.disableDownload)\n    ) {\n      return {\n        config: {\n          file: {\n            attributes: {\n              controlsList: 'nodownload',\n            },\n          },\n        },\n      };\n    }\n\n    return {\n      config: {},\n    };\n  };\n\n  const getLightProps = () => {\n    if (!isLight) {\n      return {\n        isLight: false,\n      } as const;\n    }\n\n    return {\n      isLight: true,\n      thumbnail: state.thumbnailUrl.type === 'READY' ? state.thumbnailUrl.loadedUrl : undefined,\n    } as const;\n  };\n\n  const url = state.url.type === 'READY' ? state.url.loadedUrl : undefined;\n\n  if (!url) {\n    return null;\n  }\n\n  const isCustomVideo = !!componentData.video?.src?.id;\n  const shouldRenderIframe = isSSR() && seoMode && url;\n\n  const { autoPlay = false, playInLoop = false, showControls = true } = componentData.options || {};\n\n  return shouldRenderIframe ? (\n    <IframePlayer isCustomVideo={isCustomVideo} url={url} />\n  ) : (\n    <ReactPlayerWrapper\n      className={styles.video_player}\n      onContextMenu={handleContextMenu}\n      controls={isLoaded !== false && showControls}\n      url={url}\n      onReady={onReactPlayerReady}\n      disabled={disabled}\n      width=\"100%\"\n      height=\"100%\"\n      key={key}\n      onDuration={onDuration}\n      onProgress={progress => {\n        config.onProgress?.({ ...progress, id: nodeId });\n      }}\n      progressInterval={config.progressInterval || 1000}\n      muted={muted || autoPlay}\n      isLoaded={isLoaded || state.isLoaded}\n      autoPlay={autoPlay}\n      loop={playInLoop}\n      isCustomVideo={isCustomVideo}\n      {...getLightProps()}\n      {...getDownloadProps()}\n    />\n  );\n};\n\nconst normalizeUrl = (url: string) =>\n  url && (url.toLowerCase().indexOf('vimeo') === 0 ? 'https://' + url : url); //vimeo player needs urls prefixed with http[s]\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2C;AAC3C,uBAAqB;AAGrB,qCAAiC;AAEjC,0BAAyB;AAEzB,gCAAmC;AACnC,+BAAmB;AAiCZ,MAAM,QAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,KAAK,MAAM,QAAI,uBAAS,EAAE;AACjC,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAgB,MAAM;AAC9C,UAAM,qBAAqB,MAAgB;AACzC,YAAM,EAAE,IAAI,IAAI,cAAc,SAAS,CAAC;AAExC,UAAI,KAAK,KAAK;AACZ,cAAM,gBAAgB,aAAa,IAAI,GAAG;AAE1C,eAAO;AAAA,UACL,MAAM;AAAA,UACN,WAAW;AAAA,QACb;AAAA,MACF;AACA,UAAI,KAAK,MAAM,OAAO,aAAa;AACjC,YAAI;AACF,gBAAM,WAAW,OAAO,YAAY,EAAE,UAAU,IAAI,GAAG,CAAC;AACxD,cAAI,OAAO,aAAa,UAAU;AAChC,mBAAO;AAAA,cACL,MAAM;AAAA,cACN,WAAW,aAAa,QAAQ;AAAA,cAChC,YAAY,IAAI;AAAA,YAClB;AAAA,UACF;AAEA,iBAAO,EAAE,MAAM,UAAU;AAAA,QAC3B,SAAS,GAAG;AACV,iBAAO,EAAE,MAAM,UAAU;AAAA,QAC3B;AAAA,MACF;AAEA,aAAO,EAAE,MAAM,UAAU;AAAA,IAC3B;AAEA,UAAM,8BAA8B,MAAgB;AAClD,YAAM,cAAc,eAAe,WAAW,KAAK;AACnD,YAAM,eAAe,eAAe,WAAW,KAAK;AAEpD,UAAI,cAAc;AAChB,eAAO;AAAA,UACL,MAAM;AAAA,UACN,WAAW;AAAA,QACb;AAAA,MACF;AACA,UAAI,CAAC,eAAe,CAAC,OAAO,iBAAiB;AAC3C,eAAO,EAAE,MAAM,UAAU;AAAA,MAC3B;AAEA,UAAI;AACF,cAAM,eAAe,OAAO,gBAAgB,EAAE,UAAU,YAAY,CAAC;AAErE,YAAI,OAAO,iBAAiB,UAAU;AACpC,iBAAO;AAAA,YACL,MAAM;AAAA,YACN,WAAW;AAAA,YACX,YAAY;AAAA,UACd;AAAA,QACF;AAAA,MACF,SAAS,GAAG;AACV,eAAO,EAAE,MAAM,UAAU;AAAA,MAC3B;AAEA,aAAO,EAAE,MAAM,UAAU;AAAA,IAC3B;AAEA,WAAO;AAAA,MACL,UAAU;AAAA,MACV,6BAA6B;AAAA,MAC7B,KAAK,mBAAmB;AAAA,MACxB,cAAc,4BAA4B;AAAA,IAC5C;AAAA,EACF,CAAC;AAED,8BAAU,MAAM;AACd,WAAO,SAAS;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,8BAAU,MAAM;AACd,UAAM,YAAY,YAAY;AAC5B,YAAM,EAAE,IAAI,IAAI,cAAc,SAAS,CAAC;AACxC,YAAM,aAAa,MAAM;AAEzB,UAAI,WAAW,SAAS,WAAW;AACjC;AAAA,MACF;AAEA,UAAI,KAAK,KAAK;AACZ,cAAM,gBAAgB,aAAa,IAAI,GAAG;AAC1C,YAAI,WAAW,SAAS,WAAW,WAAW,cAAc,eAAe;AACzE;AAAA,QACF;AACA,iBAAS,WAAS;AAAA,UAChB,GAAG;AAAA,UACH,KAAK;AAAA,YACH,MAAM;AAAA,YACN,WAAW;AAAA,UACb;AAAA,QACF,EAAE;AACF;AAAA,MACF;AAEA,UAAI,KAAK,MAAM,OAAO,aAAa;AACjC,YAAI,WAAW,SAAS,WAAW,WAAW,eAAe,IAAI,IAAI;AACnE;AAAA,QACF;AAEA,iBAAS,WAAS,EAAE,GAAG,MAAM,KAAK,EAAE,MAAM,UAAU,EAAE,EAAE;AAExD,YAAI;AACF,gBAAM,WAAW,MAAM,OAAO,YAAY,EAAE,UAAU,IAAI,GAAG,CAAC;AAC9D,mBAAS,WAAS;AAAA,YAChB,GAAG;AAAA,YACH,KAAK;AAAA,cACH,MAAM;AAAA,cACN,WAAW,aAAa,QAAQ;AAAA,cAChC,YAAY,IAAI;AAAA,YAClB;AAAA,UACF,EAAE;AACF;AAAA,QACF,SAAS,GAAG;AACV,mBAAS,WAAS,EAAE,GAAG,MAAM,KAAK,EAAE,MAAM,SAAS,YAAY,IAAI,GAAG,EAAE,EAAE;AAC1E;AAAA,QACF;AAAA,MACF;AAEA,UAAI,WAAW,SAAS,SAAS;AAC/B,iBAAS,WAAS,EAAE,GAAG,MAAM,KAAK,EAAE,MAAM,QAAQ,EAAE,EAAE;AAAA,MACxD;AAAA,IACF;AAEA,cAAU;AAAA,EACZ,GAAG,CAAC,cAAc,OAAO,OAAO,aAAa,MAAM,GAAG,CAAC;AAEvD,8BAAU,MAAM;AACd,UAAM,kBAAkB,YAAY;AAClC,YAAM,EAAE,IAAI,IAAI,cAAc,aAAa,CAAC;AAC5C,YAAM,cAAc,KAAK;AACzB,YAAM,eAAe,KAAK;AAC1B,YAAM,iBAAiB,MAAM;AAE7B,UAAI,cAAc;AAChB,YAAI,MAAM,aAAa,SAAS,WAAW,iBAAiB,MAAM,aAAa,WAAW;AACxF;AAAA,QACF;AAEA,iBAAS,WAAS;AAAA,UAChB,GAAG;AAAA,UACH,cAAc;AAAA,YACZ,MAAM;AAAA,YACN,WAAW;AAAA,UACb;AAAA,QACF,EAAE;AACF;AAAA,MACF;AAEA,UAAI,eAAe,SAAS,WAAW;AACrC;AAAA,MACF;AAEA,UAAI,CAAC,aAAa;AAChB,YAAI,eAAe,SAAS,WAAW;AACrC,mBAAS,WAAS,EAAE,GAAG,MAAM,cAAc,EAAE,MAAM,QAAQ,EAAE,EAAE;AAAA,QACjE;AACA;AAAA,MACF;AAEA,UAAI,CAAC,OAAO,iBAAiB;AAC3B,YACE,eAAe,SAAS,aACvB,eAAe,SAAS,WAAW,eAAe,eAAe,aAClE;AACA,mBAAS,WAAS,EAAE,GAAG,MAAM,cAAc,EAAE,MAAM,SAAS,YAAY,YAAY,EAAE,EAAE;AAAA,QAC1F;AACA;AAAA,MACF;AACA,UACE,eAAe,SAAS,WACxB,eAAe,eAAe,eAC9B,CAAC,CAAC,eAAe,WACjB;AACA;AAAA,MACF;AAEA,UAAI;AACF,iBAAS,WAAS,EAAE,GAAG,MAAM,cAAc,EAAE,MAAM,UAAU,EAAE,EAAE;AACjE,cAAM,eAAe,MAAM,OAAO,gBAAgB,EAAE,UAAU,YAAY,CAAC;AAC3E,iBAAS,WAAS;AAAA,UAChB,GAAG;AAAA,UACH,cAAc;AAAA,YACZ,MAAM;AAAA,YACN,WAAW;AAAA,YACX,YAAY;AAAA,UACd;AAAA,QACF,EAAE;AAAA,MACJ,SAAS,GAAG;AACV,iBAAS,WAAS,EAAE,GAAG,MAAM,cAAc,EAAE,MAAM,SAAS,YAAY,YAAY,EAAE,EAAE;AAAA,MAC1F;AAAA,IACF;AAEA,oBAAgB;AAAA,EAClB,GAAG,CAAC,cAAc,WAAW,OAAO,iBAAiB,MAAM,YAAY,CAAC;AAExE,8BAAU,MAAM;AACd,QAAI,CAAC,MAAM,6BAA6B;AACtC,YAAM,aAAa,cAAc;AACjC,UAAI,YAAY;AACd,sBAAc,WAAW,OAAO,WAAW,OAAO;AAClD,iBAAS,WAAS,EAAE,GAAG,MAAM,6BAA6B,KAAK,EAAE;AAAA,MACnE;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,2BAA2B,CAAC;AAEtC,QAAM,gBAAgB,MAA0D;AAE9E,UAAM,UAAU,iBAAAA,QAAS,YAAY,MAAI,GAAG;AAE5C,QAAI,CAAC,SAAS;AACZ,aAAO;AAAA,IACT;AAEA,UAAM,UAAU,QAAQ,cAAc,eAAe;AACrD,QAAI,CAAC,SAAS;AACZ,aAAO;AAAA,IACT;AAEA,UAAM,QAAQ,QAAQ,eAAe,QAAQ;AAE7C,WAAO,CAAC,MAAM,KAAK,IAAI,EAAE,OAAO,QAA+B,IAAI;AAAA,EACrE;AAEA,QAAM,gBAAgB,CAAC,OAAe,YAAwB;AAC5D,IAAC,QAAwB,MAAM,gBAAgB,IAAI,QAAQ,MAAM;AAAA,EACnE;AAOA,QAAM,qBAAyD,YAAU;AACvE,QAAI,SAAS;AACX,cAAQ,MAAM;AACd;AAAA,IACF;AAEA,QAAI,CAAC,UAAU;AACb,eAAS,WAAS,EAAE,GAAG,MAAM,UAAU,KAAK,EAAE;AAAA,IAChD;AAAA,EACF;AAEA,QAAM,oBAAoB,CAAC,MACzB,cAAc,mBAAmB,EAAE,eAAe;AAEpD,QAAM,mBAAmB,MAAM;AAC7B,YACG,0CAAU,eAAe,eAAe,KAAK,cAAc,uBAC3D,0CAAU,QAAQ,eAAe,KAAK,OAAO,iBAC9C;AACA,aAAO;AAAA,QACL,QAAQ;AAAA,UACN,MAAM;AAAA,YACJ,YAAY;AAAA,cACV,cAAc;AAAA,YAChB;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,MACL,QAAQ,CAAC;AAAA,IACX;AAAA,EACF;AAEA,QAAM,gBAAgB,MAAM;AAC1B,QAAI,CAAC,SAAS;AACZ,aAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAEA,WAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW,MAAM,aAAa,SAAS,UAAU,MAAM,aAAa,YAAY;AAAA,IAClF;AAAA,EACF;AAEA,QAAM,MAAM,MAAM,IAAI,SAAS,UAAU,MAAM,IAAI,YAAY;AAE/D,MAAI,CAAC,KAAK;AACR,WAAO;AAAA,EACT;AAEA,QAAM,gBAAgB,CAAC,CAAC,cAAc,OAAO,KAAK;AAClD,QAAM,yBAAqB,sCAAM,KAAK,WAAW;AAEjD,QAAM,EAAE,WAAW,OAAO,aAAa,OAAO,eAAe,KAAK,IAAI,cAAc,WAAW,CAAC;AAEhG,SAAO,qBACL,6BAAAC,QAAA,cAAC,oBAAAC,SAAA,EAAa,eAA8B,KAAU,IAEtD,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,yBAAAE,QAAO;AAAA,MAClB,eAAe;AAAA,MACf,UAAU,aAAa,SAAS;AAAA,MAChC;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA,OAAM;AAAA,MACN,QAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,YAAY,cAAY;AACtB,eAAO,aAAa,EAAE,GAAG,UAAU,IAAI,OAAO,CAAC;AAAA,MACjD;AAAA,MACA,kBAAkB,OAAO,oBAAoB;AAAA,MAC7C,OAAO,SAAS;AAAA,MAChB,UAAU,YAAY,MAAM;AAAA,MAC5B;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACC,GAAG,cAAc;AAAA,MACjB,GAAG,iBAAiB;AAAA;AAAA,EACvB;AAEJ;AAEA,MAAM,eAAe,CAAC,QACpB,QAAQ,IAAI,YAAY,EAAE,QAAQ,OAAO,MAAM,IAAI,aAAa,MAAM;",
+  "names": ["ReactDOM", "React", "IframePlayer", "styles"]
 }

package/dist/cjs/plugin-video/viewer/viewer-video.js

@@ -0,0 +1,75 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var viewer_video_exports = {};
+__export(viewer_video_exports, {
+  default: () => viewer_video_default
+});
+module.exports = __toCommonJS(viewer_video_exports);
+var import_react = __toESM(require("react"));
+var import_ricos_context = require("./../../ricos-context");
+var import_viewer_figure = require("../../plugin-figure/viewer/viewer-figure");
+var import_dataHooks = require("../dataHooks");
+var import_video_viewer_scss = __toESM(require("../statics/styles/video-viewer-scss"));
+var import_types = require("../types");
+var import_video = require("./video");
+const ViewerVideo = ({
+  node,
+  nodeIndex,
+  NodeViewContainer,
+  RicosNodesRenderer
+}) => {
+  const { seoMode, config } = (0, import_react.useContext)(import_ricos_context.RicosViewerContext);
+  const { videoData } = node;
+  if (!videoData) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_viewer_figure.ViewerFigure,
+    {
+      node,
+      nodeIndex,
+      NodeViewContainer,
+      RicosNodesRenderer
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: import_video_viewer_scss.default.video_container, "data-hook": import_dataHooks.VIDEO_ROOT }, /* @__PURE__ */ import_react.default.createElement(
+      import_video.Video,
+      {
+        config: config[import_types.VIDEO_TYPE] || {},
+        componentData: videoData,
+        nodeId: node.id,
+        seoMode: !!seoMode,
+        isLight: true
+      }
+    ))
+  );
+};
+const VideoRenderer = ({ node, ...props }) => {
+  return /* @__PURE__ */ import_react.default.createElement(ViewerVideo, { key: node.id, node, ...props });
+};
+var viewer_video_default = VideoRenderer;
+//# sourceMappingURL=viewer-video.js.map

package/dist/cjs/plugin-video/viewer/viewer-video.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugin-video/viewer/viewer-video.tsx"],
+  "sourcesContent": ["import React, { useContext } from 'react';\n\nimport { RicosViewerContext } from './../../ricos-context';\nimport type { NodeViewRenderer, NodeViewRendererProps } from './../../ricos-types';\n\nimport { ViewerFigure } from '../../plugin-figure/viewer/viewer-figure';\nimport { VIDEO_ROOT } from '../dataHooks';\nimport styles from '../statics/styles/video-viewer-scss';\nimport { VIDEO_TYPE } from '../types';\nimport { Video } from './video';\n\nconst ViewerVideo = ({\n  node,\n  nodeIndex,\n  NodeViewContainer,\n  RicosNodesRenderer,\n}: NodeViewRendererProps) => {\n  const { seoMode, config } = useContext(RicosViewerContext);\n  const { videoData } = node;\n\n  if (!videoData) {\n    return null;\n  }\n\n  return (\n    <ViewerFigure\n      node={node}\n      nodeIndex={nodeIndex}\n      NodeViewContainer={NodeViewContainer}\n      RicosNodesRenderer={RicosNodesRenderer}\n    >\n      <div className={styles.video_container} data-hook={VIDEO_ROOT}>\n        <Video\n          config={config[VIDEO_TYPE] || {}}\n          componentData={videoData}\n          nodeId={node.id}\n          seoMode={!!seoMode}\n          isLight\n        />\n      </div>\n    </ViewerFigure>\n  );\n};\n\nconst VideoRenderer: NodeViewRenderer = ({ node, ...props }) => {\n  return <ViewerVideo key={node.id} node={node} {...props} />;\n};\n\nexport default VideoRenderer;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAElC,2BAAmC;AAGnC,2BAA6B;AAC7B,uBAA2B;AAC3B,+BAAmB;AACnB,mBAA2B;AAC3B,mBAAsB;AAEtB,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAC3B,QAAM,EAAE,SAAS,OAAO,QAAI,yBAAW,uCAAkB;AACzD,QAAM,EAAE,UAAU,IAAI;AAEtB,MAAI,CAAC,WAAW;AACd,WAAO;AAAA,EACT;AAEA,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEA,6BAAAA,QAAA,cAAC,SAAI,WAAW,yBAAAC,QAAO,iBAAiB,aAAW,+BACjD,6BAAAD,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,OAAO,uBAAU,KAAK,CAAC;AAAA,QAC/B,eAAe;AAAA,QACf,QAAQ,KAAK;AAAA,QACb,SAAS,CAAC,CAAC;AAAA,QACX,SAAO;AAAA;AAAA,IACT,CACF;AAAA,EACF;AAEJ;AAEA,MAAM,gBAAkC,CAAC,EAAE,MAAM,GAAG,MAAM,MAAM;AAC9D,SAAO,6BAAAA,QAAA,cAAC,eAAY,KAAK,KAAK,IAAI,MAAa,GAAG,OAAO;AAC3D;AAEA,IAAO,uBAAQ;",
+  "names": ["React", "styles"]
+}

package/dist/cjs/pm-converters/collect.js

@@ -43,8 +43,8 @@ const collectPmConverters = (plugins) => {
 const createFromPmConverters = (converters) => {
   const fromPmNodeChildren = (node) => (node.content || []).map(fromPmNode).filter(import_ts_is_present.isDefined);
   const fromPmNode = (node) => {
-    const convert = converters[node.type] === void 0 ? unsupportedFromPm : converters[node.type];
-    return convert(node, fromPmNodeChildren);
+    const convertersArr = converters[node.type] === void 0 ? [unsupportedFromPm] : converters[node.type];
+    return convertersArr.map((convert) => convert(node, fromPmNodeChildren)).find(import_ts_is_present.isDefined);
   };
   return {
     fromPmNodeChildren,
@@ -90,11 +90,17 @@ const createToPmConverters = (converters) => {
     }
   };
 };
-const collectFromPmNodeConverters = (proseNodeConverters) => Object.fromEntries(
-  proseNodeConverters.flatMap(
-    (converter) => converter.fromPm.types.map((t) => [t, converter.fromPm.convert])
-  )
-);
+const collectFromPmNodeConverters = (proseNodeConverters) => {
+  return proseNodeConverters.reduce((acc, converter) => {
+    converter.fromPm.types.forEach((type) => {
+      if (!acc[type]) {
+        acc[type] = [];
+      }
+      acc[type].push(converter.fromPm.convert);
+    });
+    return acc;
+  }, {});
+};
 const collectFromPmMarkConverters = (proseMarkConverters) => Object.fromEntries(
   proseMarkConverters.map((converter) => [converter.fromPm.type, converter.fromPm.convert])
 );

package/dist/cjs/pm-converters/collect.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/pm-converters/collect.ts"],
-  "sourcesContent": ["import { isDefined } from 'ts-is-present';\n\nimport { TO_RICOS_DECORATION_DATA_FIELD } from './../ricos-content/converters/draft/consts';\nimport { firstRight } from './../ricos-content/fp-utils';\nimport type { Decoration, Metadata, Node, RichContent } from './../ricos-schema/legacy/wix/rich_content/v1';\nimport { Node_Type } from './../ricos-schema/legacy/wix/rich_content/v1';\nimport type { TextNode } from './../ricos-types';\n\nimport { UNSUPPORTED_MARK_TYPE, UNSUPPORTED_NODE_TYPE } from './consts';\nimport type { PmJson, PmMarkConverter, PmMarkJson, PmNodeConverter, PmNodeJson } from './types';\n\n// This collection of methods provides conversion between ProseMirror state JSON and RicosDocument.\n// All of the work on JSON version of the ProseMirror state\nexport type PmConverters = {\n  fromPm: (content: PmJson) => RichContent;\n  fromPmNode: (node: PmNodeJson) => Node | undefined;\n  fromPmNodeChildren: (node: PmJson) => Node[];\n  marksToDecorations: (marks: PmMarkJson[]) => Decoration[];\n\n  toPm: (content: RichContent) => PmJson;\n  toPmNode: (node: Node) => PmNodeJson;\n  toPmNodeChildren: (node: Node) => PmNodeJson[];\n  decorationsToMarks: (decorations: Decoration[]) => PmMarkJson[];\n};\n\n// Part of BasePluginConfig\ntype PluginConverters = {\n  pmNodeConverters?: PmNodeConverter[];\n  pmMarkConverters?: PmMarkConverter[];\n};\n\nexport const collectPmConverters = (plugins: PluginConverters[]): PmConverters => {\n  const markConverters = plugins.flatMap(p => p.pmMarkConverters).filter(isDefined);\n\n  const marksToDecorations: PmConverters['marksToDecorations'] = marks =>\n    _marksToDecorations(collectFromPmMarkConverters(markConverters), marks);\n  const decorationsToMarks: PmConverters['decorationsToMarks'] = decorations =>\n    _decorationsToMarks(collectToPmMarkConverters(markConverters), decorations);\n\n  const allNodeConverters = [\n    ...plugins.flatMap(p => p.pmNodeConverters).filter(isDefined),\n    createTextConverter({ marksToDecorations, decorationsToMarks }),\n  ];\n  return {\n    ...createFromPmConverters(collectFromPmNodeConverters(allNodeConverters)),\n    ...createToPmConverters(collectToPmNodeConverters(allNodeConverters)),\n    marksToDecorations,\n    decorationsToMarks,\n  };\n};\n\ntype FromPmNodeConverters = Record<\n  string,\n  (node: PmNodeJson, visit: (node: PmNodeJson) => Node[]) => Node | undefined\n>;\n\nconst createFromPmConverters = (converters: FromPmNodeConverters) => {\n  const fromPmNodeChildren = (node: PmNodeJson) =>\n    (node.content || []).map(fromPmNode).filter(isDefined);\n\n  const fromPmNode = (node: PmNodeJson): Node | undefined => {\n    const convert = converters[node.type] === undefined ? unsupportedFromPm : converters[node.type];\n    return convert(node, fromPmNodeChildren);\n  };\n\n  return {\n    fromPmNodeChildren,\n    fromPmNode,\n    fromPm: (content: PmJson) => ({\n      documentStyle: content.attrs?.documentStyle,\n      metadata: normalizeTimestamps(content.attrs?.metadata),\n      nodes: fromPmNodeChildren(content as PmNodeJson),\n    }),\n  };\n};\n\nconst unsupportedFromPm = (node: PmNodeJson): Node => {\n  if (node.type !== UNSUPPORTED_NODE_TYPE) {\n    throw new Error(`Missing converter for node type ${node.type}`);\n  }\n  if (!node.attrs?.originalNode) {\n    throw new Error('Unsupported node without original node');\n  }\n  return node.attrs.originalNode;\n};\n\ntype ToPmNodeConverters = Record<\n  string,\n  (node: Node, visit: (node: Node) => PmNodeJson[]) => PmNodeJson\n>;\nconst createToPmConverters = (converters: ToPmNodeConverters) => {\n  const toPmNodeChildren = (node: Node): PmNodeJson[] => (node.nodes || []).map(toPmNode);\n\n  const toPmNode = (node: Node): PmNodeJson =>\n    converters[node.type]\n      ? converters[node.type](node, toPmNodeChildren)\n      : {\n          type: UNSUPPORTED_NODE_TYPE,\n          attrs: {\n            originalNode: node,\n            id: node.id,\n          },\n        };\n\n  return {\n    toPmNodeChildren,\n    toPmNode,\n    toPm: (content: RichContent): PmJson => {\n      const ricosRoot = { id: 'root', type: Node_Type.UNRECOGNIZED, nodes: content.nodes };\n      return {\n        type: 'doc',\n        content: toPmNodeChildren(ricosRoot),\n        attrs: {\n          metadata: convertMetadata(content.metadata || { version: 1 }),\n          documentStyle: content.documentStyle || {},\n        },\n      };\n    },\n  };\n};\n\nconst collectFromPmNodeConverters = (\n  proseNodeConverters: PmNodeConverter[]\n): FromPmNodeConverters =>\n  Object.fromEntries<(node: PmNodeJson) => Node | undefined>(\n    proseNodeConverters.flatMap(converter =>\n      converter.fromPm.types.map(t => [t, converter.fromPm.convert])\n    )\n  );\n\ntype FromPmMarkConverters = Record<string, (mark: PmMarkJson) => Decoration[]>;\n\nconst collectFromPmMarkConverters = (\n  proseMarkConverters: PmMarkConverter[]\n): FromPmMarkConverters =>\n  Object.fromEntries<(marks: PmMarkJson) => Decoration[]>(\n    proseMarkConverters.map(converter => [converter.fromPm.type, converter.fromPm.convert])\n  );\n\ntype ToPmMarkConverters = Record<string, ((decorations: Decoration) => PmMarkJson | undefined)[]>;\n\nconst collectToPmMarkConverters = (proseMarkConverter: PmMarkConverter[]): ToPmMarkConverters =>\n  proseMarkConverter.reduce((acc, value) => {\n    acc[value.toPm.type] = acc[value.toPm.type] || [];\n    acc[value.toPm.type].push(value.toPm.convert);\n    return acc;\n  }, {} as Record<string, ((decorations: Decoration) => PmMarkJson | undefined)[]>);\n\nconst collectToPmNodeConverters = (proseNodeConverters: PmNodeConverter[]): ToPmNodeConverters =>\n  Object.fromEntries<(node: Node) => PmNodeJson>(\n    proseNodeConverters.flatMap(converter =>\n      converter.toPm.types.map(t => [t, converter.toPm.convert])\n    )\n  );\n\nconst _decorationsToMarks = (\n  converters: ToPmMarkConverters,\n  decorations: Decoration[]\n): PmMarkJson[] => {\n  const marks = decorations\n    .flatMap((decoration: Decoration): (PmMarkJson | undefined)[] =>\n      converters[decoration.type]?.length\n        ? converters[decoration.type].map(converter => converter(decoration))\n        : [\n            {\n              type: UNSUPPORTED_MARK_TYPE,\n              attrs: { originalDecorationList: [decoration] },\n            },\n          ]\n    )\n    .filter(isDefined);\n  return mergeUnsupportedMarks(marks);\n};\n\nconst mergeUnsupportedMarks = (marks: PmMarkJson[]): PmMarkJson[] => {\n  return marks.reduce<PmMarkJson[]>((acc, mark) => {\n    if (mark.type !== UNSUPPORTED_MARK_TYPE) {\n      acc.push(mark);\n      return acc;\n    }\n    const existigUnsupportedMark = acc.find(m => m.type === UNSUPPORTED_MARK_TYPE);\n    if (!existigUnsupportedMark) {\n      acc.push(mark);\n      return acc;\n    }\n    existigUnsupportedMark.attrs?.originalDecorationList.push(\n      ...(mark.attrs?.originalDecorationList || [])\n    );\n    return acc;\n  }, [] as PmMarkJson[]);\n};\nconst _marksToDecorations = (\n  converters: FromPmMarkConverters,\n  marks: PmMarkJson[]\n): Decoration[] => {\n  const decorations = marks\n    .flatMap((mark: PmMarkJson): Decoration[] =>\n      converters[mark.type] ? converters[mark.type](mark) : convertUnsupportedMarkToDecoration(mark)\n    )\n    .filter(isDefined);\n  return mergeSameTypeDecorations(decorations);\n};\n\nconst mergeSameTypeDecorations = (decorations: Decoration[]): Decoration[] => {\n  return decorations\n    .sort((a, b) => a.type.localeCompare(b.type))\n    .reduce<Decoration[]>((acc, decoration) => {\n      const lastDecoration = acc[acc.length - 1];\n      const dataKey = TO_RICOS_DECORATION_DATA_FIELD[decoration.type];\n      if (lastDecoration?.type === decoration.type) {\n        lastDecoration[dataKey] = { ...lastDecoration[dataKey], ...decoration[dataKey] };\n      } else {\n        acc.push(decoration);\n      }\n      return acc;\n    }, []);\n};\n\nconst convertUnsupportedMarkToDecoration = (mark: PmMarkJson): Decoration[] => {\n  if (!mark.attrs?.originalDecorationList) {\n    throw new Error(`invalid unsupported mark ${mark.type}`);\n  }\n  return mark.attrs.originalDecorationList;\n};\n\n//  timestamps -----------------------------------------------------------------\n\nconst convertTimestamp = (timestamp: unknown): string =>\n  firstRight(timestamp, '', [\n    [t => typeof t === 'string', t => t as string],\n    [t => typeof (t as Date)?.toISOString === 'function', (t: Date) => t.toISOString()],\n  ]);\n\nconst convertMetadata = (metadata: Metadata) => ({\n  ...metadata,\n  createdTimestamp: convertTimestamp(metadata.createdTimestamp),\n  updatedTimestamp: convertTimestamp(metadata.updatedTimestamp),\n});\n\nconst normalizeTimestamps = (metadata: Metadata) => {\n  const { createdTimestamp, updatedTimestamp } = metadata ?? {};\n\n  return {\n    version: metadata?.version,\n    id: metadata?.id,\n    ...(createdTimestamp ? { createdTimestamp } : {}),\n    ...(updatedTimestamp ? { updatedTimestamp } : {}),\n  };\n};\n\nconst createTextConverter = ({\n  marksToDecorations,\n  decorationsToMarks,\n}: {\n  marksToDecorations: (marks: PmMarkJson[]) => Decoration[];\n  decorationsToMarks: (decorations: Decoration[]) => PmMarkJson[];\n}): PmNodeConverter => ({\n  toPm: {\n    types: [Node_Type.TEXT],\n    convert: (node: TextNode) => {\n      if (node.textData.text === '\\n') {\n        return {\n          type: 'hardBreak',\n          text: '\\n',\n          marks: [],\n          attrs: {\n            id: '',\n          },\n        };\n      }\n      return {\n        type: 'text',\n        text: node.textData.text,\n        marks: decorationsToMarks(node.textData.decorations ?? []),\n        attrs: {\n          id: '',\n        },\n      };\n    },\n  },\n  fromPm: {\n    types: ['hardBreak', 'text'],\n    convert: (node: PmNodeJson) => {\n      if (node.type === 'hardBreak') {\n        return {\n          type: Node_Type.TEXT,\n          id: '',\n          nodes: [],\n          textData: {\n            text: '\\n',\n            decorations: [],\n          },\n        };\n      }\n      return {\n        type: Node_Type.TEXT,\n        id: '',\n        nodes: [],\n        textData: {\n          text: node.text || '',\n          decorations: marksToDecorations(node.marks || []),\n        },\n      };\n    },\n  },\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { isDefined } from 'ts-is-present';\n\nimport { TO_RICOS_DECORATION_DATA_FIELD } from './../ricos-content/converters/draft/consts';\nimport { firstRight } from './../ricos-content/fp-utils';\nimport type { Decoration, Metadata, Node, RichContent } from './../ricos-schema/legacy/wix/rich_content/v1';\nimport { Node_Type } from './../ricos-schema/legacy/wix/rich_content/v1';\nimport type { TextNode } from './../ricos-types';\n\nimport { UNSUPPORTED_MARK_TYPE, UNSUPPORTED_NODE_TYPE } from './consts';\nimport type { PmJson, PmMarkConverter, PmMarkJson, PmNodeConverter, PmNodeJson } from './types';\n\n// This collection of methods provides conversion between ProseMirror state JSON and RicosDocument.\n// All of the work on JSON version of the ProseMirror state\nexport type PmConverters = {\n  fromPm: (content: PmJson) => RichContent;\n  fromPmNode: (node: PmNodeJson) => Node | undefined;\n  fromPmNodeChildren: (node: PmJson) => Node[];\n  marksToDecorations: (marks: PmMarkJson[]) => Decoration[];\n\n  toPm: (content: RichContent) => PmJson;\n  toPmNode: (node: Node) => PmNodeJson;\n  toPmNodeChildren: (node: Node) => PmNodeJson[];\n  decorationsToMarks: (decorations: Decoration[]) => PmMarkJson[];\n};\n\n// Part of BasePluginConfig\ntype PluginConverters = {\n  pmNodeConverters?: PmNodeConverter[];\n  pmMarkConverters?: PmMarkConverter[];\n};\n\nexport const collectPmConverters = (plugins: PluginConverters[]): PmConverters => {\n  const markConverters = plugins.flatMap(p => p.pmMarkConverters).filter(isDefined);\n\n  const marksToDecorations: PmConverters['marksToDecorations'] = marks =>\n    _marksToDecorations(collectFromPmMarkConverters(markConverters), marks);\n  const decorationsToMarks: PmConverters['decorationsToMarks'] = decorations =>\n    _decorationsToMarks(collectToPmMarkConverters(markConverters), decorations);\n\n  const allNodeConverters = [\n    ...plugins.flatMap(p => p.pmNodeConverters).filter(isDefined),\n    createTextConverter({ marksToDecorations, decorationsToMarks }),\n  ];\n  return {\n    ...createFromPmConverters(collectFromPmNodeConverters(allNodeConverters)),\n    ...createToPmConverters(collectToPmNodeConverters(allNodeConverters)),\n    marksToDecorations,\n    decorationsToMarks,\n  };\n};\n\ntype FromPmNodeConverters = Record<\n  string,\n  ((node: PmNodeJson, visit: (node: PmNodeJson) => Node[]) => Node | undefined)[]\n>;\n\nconst createFromPmConverters = (converters: FromPmNodeConverters) => {\n  const fromPmNodeChildren = (node: PmNodeJson) =>\n    (node.content || []).map(fromPmNode).filter(isDefined);\n\n  const fromPmNode = (node: PmNodeJson): Node | undefined => {\n    const convertersArr =\n      converters[node.type] === undefined ? [unsupportedFromPm] : converters[node.type];\n\n    return convertersArr.map(convert => convert(node, fromPmNodeChildren)).find(isDefined);\n  };\n\n  return {\n    fromPmNodeChildren,\n    fromPmNode,\n    fromPm: (content: PmJson) => ({\n      documentStyle: content.attrs?.documentStyle,\n      metadata: normalizeTimestamps(content.attrs?.metadata),\n      nodes: fromPmNodeChildren(content as PmNodeJson),\n    }),\n  };\n};\n\nconst unsupportedFromPm = (node: PmNodeJson): Node => {\n  if (node.type !== UNSUPPORTED_NODE_TYPE) {\n    throw new Error(`Missing converter for node type ${node.type}`);\n  }\n  if (!node.attrs?.originalNode) {\n    throw new Error('Unsupported node without original node');\n  }\n  return node.attrs.originalNode;\n};\n\ntype ToPmNodeConverters = Record<\n  string,\n  (node: Node, visit: (node: Node) => PmNodeJson[]) => PmNodeJson\n>;\nconst createToPmConverters = (converters: ToPmNodeConverters) => {\n  const toPmNodeChildren = (node: Node): PmNodeJson[] => (node.nodes || []).map(toPmNode);\n\n  const toPmNode = (node: Node): PmNodeJson =>\n    converters[node.type]\n      ? converters[node.type](node, toPmNodeChildren)\n      : {\n          type: UNSUPPORTED_NODE_TYPE,\n          attrs: {\n            originalNode: node,\n            id: node.id,\n          },\n        };\n\n  return {\n    toPmNodeChildren,\n    toPmNode,\n    toPm: (content: RichContent): PmJson => {\n      const ricosRoot = { id: 'root', type: Node_Type.UNRECOGNIZED, nodes: content.nodes };\n      return {\n        type: 'doc',\n        content: toPmNodeChildren(ricosRoot),\n        attrs: {\n          metadata: convertMetadata(content.metadata || { version: 1 }),\n          documentStyle: content.documentStyle || {},\n        },\n      };\n    },\n  };\n};\n\nconst collectFromPmNodeConverters = (\n  proseNodeConverters: PmNodeConverter[]\n): FromPmNodeConverters => {\n  return proseNodeConverters.reduce<FromPmNodeConverters>((acc, converter) => {\n    converter.fromPm.types.forEach(type => {\n      if (!acc[type]) {\n        acc[type] = [];\n      }\n      acc[type].push(converter.fromPm.convert);\n    });\n    return acc;\n  }, {});\n};\n\ntype FromPmMarkConverters = Record<string, (mark: PmMarkJson) => Decoration[]>;\n\nconst collectFromPmMarkConverters = (\n  proseMarkConverters: PmMarkConverter[]\n): FromPmMarkConverters =>\n  Object.fromEntries<(marks: PmMarkJson) => Decoration[]>(\n    proseMarkConverters.map(converter => [converter.fromPm.type, converter.fromPm.convert])\n  );\n\ntype ToPmMarkConverters = Record<string, ((decorations: Decoration) => PmMarkJson | undefined)[]>;\n\nconst collectToPmMarkConverters = (proseMarkConverter: PmMarkConverter[]): ToPmMarkConverters =>\n  proseMarkConverter.reduce((acc, value) => {\n    acc[value.toPm.type] = acc[value.toPm.type] || [];\n    acc[value.toPm.type].push(value.toPm.convert);\n    return acc;\n  }, {} as Record<string, ((decorations: Decoration) => PmMarkJson | undefined)[]>);\n\nconst collectToPmNodeConverters = (proseNodeConverters: PmNodeConverter[]): ToPmNodeConverters =>\n  Object.fromEntries<(node: Node) => PmNodeJson>(\n    proseNodeConverters.flatMap(converter =>\n      converter.toPm.types.map(t => [t, converter.toPm.convert])\n    )\n  );\n\nconst _decorationsToMarks = (\n  converters: ToPmMarkConverters,\n  decorations: Decoration[]\n): PmMarkJson[] => {\n  const marks = decorations\n    .flatMap((decoration: Decoration): (PmMarkJson | undefined)[] =>\n      converters[decoration.type]?.length\n        ? converters[decoration.type].map(converter => converter(decoration))\n        : [\n            {\n              type: UNSUPPORTED_MARK_TYPE,\n              attrs: { originalDecorationList: [decoration] },\n            },\n          ]\n    )\n    .filter(isDefined);\n  return mergeUnsupportedMarks(marks);\n};\n\nconst mergeUnsupportedMarks = (marks: PmMarkJson[]): PmMarkJson[] => {\n  return marks.reduce<PmMarkJson[]>((acc, mark) => {\n    if (mark.type !== UNSUPPORTED_MARK_TYPE) {\n      acc.push(mark);\n      return acc;\n    }\n    const existigUnsupportedMark = acc.find(m => m.type === UNSUPPORTED_MARK_TYPE);\n    if (!existigUnsupportedMark) {\n      acc.push(mark);\n      return acc;\n    }\n    existigUnsupportedMark.attrs?.originalDecorationList.push(\n      ...(mark.attrs?.originalDecorationList || [])\n    );\n    return acc;\n  }, [] as PmMarkJson[]);\n};\nconst _marksToDecorations = (\n  converters: FromPmMarkConverters,\n  marks: PmMarkJson[]\n): Decoration[] => {\n  const decorations = marks\n    .flatMap((mark: PmMarkJson): Decoration[] =>\n      converters[mark.type] ? converters[mark.type](mark) : convertUnsupportedMarkToDecoration(mark)\n    )\n    .filter(isDefined);\n  return mergeSameTypeDecorations(decorations);\n};\n\nconst mergeSameTypeDecorations = (decorations: Decoration[]): Decoration[] => {\n  return decorations\n    .sort((a, b) => a.type.localeCompare(b.type))\n    .reduce<Decoration[]>((acc, decoration) => {\n      const lastDecoration = acc[acc.length - 1];\n      const dataKey = TO_RICOS_DECORATION_DATA_FIELD[decoration.type];\n      if (lastDecoration?.type === decoration.type) {\n        lastDecoration[dataKey] = { ...lastDecoration[dataKey], ...decoration[dataKey] };\n      } else {\n        acc.push(decoration);\n      }\n      return acc;\n    }, []);\n};\n\nconst convertUnsupportedMarkToDecoration = (mark: PmMarkJson): Decoration[] => {\n  if (!mark.attrs?.originalDecorationList) {\n    throw new Error(`invalid unsupported mark ${mark.type}`);\n  }\n  return mark.attrs.originalDecorationList;\n};\n\n//  timestamps -----------------------------------------------------------------\n\nconst convertTimestamp = (timestamp: unknown): string =>\n  firstRight(timestamp, '', [\n    [t => typeof t === 'string', t => t as string],\n    [t => typeof (t as Date)?.toISOString === 'function', (t: Date) => t.toISOString()],\n  ]);\n\nconst convertMetadata = (metadata: Metadata) => ({\n  ...metadata,\n  createdTimestamp: convertTimestamp(metadata.createdTimestamp),\n  updatedTimestamp: convertTimestamp(metadata.updatedTimestamp),\n});\n\nconst normalizeTimestamps = (metadata: Metadata) => {\n  const { createdTimestamp, updatedTimestamp } = metadata ?? {};\n\n  return {\n    version: metadata?.version,\n    id: metadata?.id,\n    ...(createdTimestamp ? { createdTimestamp } : {}),\n    ...(updatedTimestamp ? { updatedTimestamp } : {}),\n  };\n};\n\nconst createTextConverter = ({\n  marksToDecorations,\n  decorationsToMarks,\n}: {\n  marksToDecorations: (marks: PmMarkJson[]) => Decoration[];\n  decorationsToMarks: (decorations: Decoration[]) => PmMarkJson[];\n}): PmNodeConverter => ({\n  toPm: {\n    types: [Node_Type.TEXT],\n    convert: (node: TextNode) => {\n      if (node.textData.text === '\\n') {\n        return {\n          type: 'hardBreak',\n          text: '\\n',\n          marks: [],\n          attrs: {\n            id: '',\n          },\n        };\n      }\n      return {\n        type: 'text',\n        text: node.textData.text,\n        marks: decorationsToMarks(node.textData.decorations ?? []),\n        attrs: {\n          id: '',\n        },\n      };\n    },\n  },\n  fromPm: {\n    types: ['hardBreak', 'text'],\n    convert: (node: PmNodeJson) => {\n      if (node.type === 'hardBreak') {\n        return {\n          type: Node_Type.TEXT,\n          id: '',\n          nodes: [],\n          textData: {\n            text: '\\n',\n            decorations: [],\n          },\n        };\n      }\n      return {\n        type: Node_Type.TEXT,\n        id: '',\n        nodes: [],\n        textData: {\n          text: node.text || '',\n          decorations: marksToDecorations(node.marks || []),\n        },\n      };\n    },\n  },\n});\n"],
+  "mappings": "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",
   "names": ["import_consts"]
 }

package/dist/cjs/ricos-common-plugins/breakout/extension.js

@@ -50,7 +50,7 @@ const breakout = (0, import_plugin_commons.createRicosFunctionalExtension)({
                     });
                     if (breakoutType === "fullWidth" && node.type.name === import_ricos_content.TIPTAP_FIGURE_TYPE) {
                       node.descendants((childNode, childPos) => {
-                        if (childNode.type.name === "IMAGE") {
+                        if (childNode.type.spec.group?.includes("figure")) {
                           const childPosInDoc = childPos + pos + 1;
                           decorations.push(
                             import_view.Decoration.node(childPosInDoc, childPosInDoc + childNode.nodeSize, {

package/dist/cjs/ricos-common-plugins/breakout/extension.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-common-plugins/breakout/extension.ts"],
-  "sourcesContent": ["import { Plugin, PluginKey } from '@tiptap/pm/state';\nimport { Decoration, DecorationSet } from '@tiptap/pm/view';\n\nimport { TIPTAP_FIGURE_TYPE } from './../../ricos-content';\nimport { createRicosFunctionalExtension } from './../../plugin-commons';\n\nexport const breakout = createRicosFunctionalExtension({\n  type: 'extension',\n  groups: [],\n  name: 'breakout',\n  reconfigure(config, _extensions, ricosProps, _settings, services) {\n    const breakoutRule = ricosProps.breakoutRule;\n    return {\n      ...config,\n      ...(breakoutRule && {\n        addProseMirrorPlugins() {\n          return [\n            new Plugin({\n              key: new PluginKey('breakout'),\n              props: {\n                decorations(state) {\n                  const decorations: Decoration[] = [];\n                  // Typically breakouts apply only for root nodes, so we use 'forEach' instead of 'descendants'\n                  state.doc.forEach((node, pos) => {\n                    const ricosNode = services.converters.fromPmNode(node.toJSON());\n                    if (!ricosNode) {\n                      return;\n                    }\n\n                    const breakoutType = breakoutRule({\n                      node: ricosNode,\n                    });\n\n                    // Here is the exception where breakout applies not only to the root node (FIGURE),\n                    // but also to the descendant IMAGE node.\n                    // This is made in order to override Resizer HOC width which is applied on IMAGE container.\n                    if (breakoutType === 'fullWidth' && node.type.name === TIPTAP_FIGURE_TYPE) {\n                      node.descendants((childNode, childPos) => {\n                        if (childNode.type.name === 'IMAGE') {\n                          const childPosInDoc = childPos + pos + 1;\n                          decorations.push(\n                            Decoration.node(childPosInDoc, childPosInDoc + childNode.nodeSize, {\n                              'data-breakout': breakoutType,\n                            })\n                          );\n                        }\n                      });\n                    }\n\n                    decorations.push(\n                      Decoration.node(pos, pos + node.nodeSize, { 'data-breakout': breakoutType })\n                    );\n                  });\n                  return DecorationSet.create(state.doc, decorations);\n                },\n              },\n            }),\n          ];\n        },\n      }),\n    };\n  },\n  createExtensionConfig() {\n    return {\n      name: this.name,\n      priority: 3,\n    };\n  },\n});\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,kBAA0C;AAE1C,2BAAmC;AACnC,4BAA+C;AAExC,MAAM,eAAW,sDAA+B;AAAA,EACrD,MAAM;AAAA,EACN,QAAQ,CAAC;AAAA,EACT,MAAM;AAAA,EACN,YAAY,QAAQ,aAAa,YAAY,WAAW,UAAU;AAChE,UAAM,eAAe,WAAW;AAChC,WAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAI,gBAAgB;AAAA,QAClB,wBAAwB;AACtB,iBAAO;AAAA,YACL,IAAI,oBAAO;AAAA,cACT,KAAK,IAAI,uBAAU,UAAU;AAAA,cAC7B,OAAO;AAAA,gBACL,YAAY,OAAO;AACjB,wBAAM,cAA4B,CAAC;AAEnC,wBAAM,IAAI,QAAQ,CAAC,MAAM,QAAQ;AAC/B,0BAAM,YAAY,SAAS,WAAW,WAAW,KAAK,OAAO,CAAC;AAC9D,wBAAI,CAAC,WAAW;AACd;AAAA,oBACF;AAEA,0BAAM,eAAe,aAAa;AAAA,sBAChC,MAAM;AAAA,oBACR,CAAC;AAKD,wBAAI,iBAAiB,eAAe,KAAK,KAAK,SAAS,yCAAoB;AACzE,2BAAK,YAAY,CAAC,WAAW,aAAa;AACxC,4BAAI,UAAU,KAAK,SAAS,SAAS;AACnC,gCAAM,gBAAgB,WAAW,MAAM;AACvC,sCAAY;AAAA,4BACV,uBAAW,KAAK,eAAe,gBAAgB,UAAU,UAAU;AAAA,8BACjE,iBAAiB;AAAA,4BACnB,CAAC;AAAA,0BACH;AAAA,wBACF;AAAA,sBACF,CAAC;AAAA,oBACH;AAEA,gCAAY;AAAA,sBACV,uBAAW,KAAK,KAAK,MAAM,KAAK,UAAU,EAAE,iBAAiB,aAAa,CAAC;AAAA,oBAC7E;AAAA,kBACF,CAAC;AACD,yBAAO,0BAAc,OAAO,MAAM,KAAK,WAAW;AAAA,gBACpD;AAAA,cACF;AAAA,YACF,CAAC;AAAA,UACH;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,wBAAwB;AACtB,WAAO;AAAA,MACL,MAAM,KAAK;AAAA,MACX,UAAU;AAAA,IACZ;AAAA,EACF;AACF,CAAC;",
+  "sourcesContent": ["import { Plugin, PluginKey } from '@tiptap/pm/state';\nimport { Decoration, DecorationSet } from '@tiptap/pm/view';\n\nimport { TIPTAP_FIGURE_TYPE } from './../../ricos-content';\nimport { createRicosFunctionalExtension } from './../../plugin-commons';\n\nexport const breakout = createRicosFunctionalExtension({\n  type: 'extension',\n  groups: [],\n  name: 'breakout',\n  reconfigure(config, _extensions, ricosProps, _settings, services) {\n    const breakoutRule = ricosProps.breakoutRule;\n    return {\n      ...config,\n      ...(breakoutRule && {\n        addProseMirrorPlugins() {\n          return [\n            new Plugin({\n              key: new PluginKey('breakout'),\n              props: {\n                decorations(state) {\n                  const decorations: Decoration[] = [];\n                  // Typically breakouts apply only for root nodes, so we use 'forEach' instead of 'descendants'\n                  state.doc.forEach((node, pos) => {\n                    const ricosNode = services.converters.fromPmNode(node.toJSON());\n                    if (!ricosNode) {\n                      return;\n                    }\n\n                    const breakoutType = breakoutRule({\n                      node: ricosNode,\n                    });\n\n                    // Here is the exception where breakout applies not only to the root node (FIGURE),\n                    // but also to the descendant (IMAGE|VIDEO) node.\n                    // This is made in order to override Resizer HOC width which is applied on IMAGE container.\n                    if (breakoutType === 'fullWidth' && node.type.name === TIPTAP_FIGURE_TYPE) {\n                      node.descendants((childNode, childPos) => {\n                        if (childNode.type.spec.group?.includes('figure')) {\n                          const childPosInDoc = childPos + pos + 1;\n                          decorations.push(\n                            Decoration.node(childPosInDoc, childPosInDoc + childNode.nodeSize, {\n                              'data-breakout': breakoutType,\n                            })\n                          );\n                        }\n                      });\n                    }\n\n                    decorations.push(\n                      Decoration.node(pos, pos + node.nodeSize, { 'data-breakout': breakoutType })\n                    );\n                  });\n                  return DecorationSet.create(state.doc, decorations);\n                },\n              },\n            }),\n          ];\n        },\n      }),\n    };\n  },\n  createExtensionConfig() {\n    return {\n      name: this.name,\n      priority: 3,\n    };\n  },\n});\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,kBAA0C;AAE1C,2BAAmC;AACnC,4BAA+C;AAExC,MAAM,eAAW,sDAA+B;AAAA,EACrD,MAAM;AAAA,EACN,QAAQ,CAAC;AAAA,EACT,MAAM;AAAA,EACN,YAAY,QAAQ,aAAa,YAAY,WAAW,UAAU;AAChE,UAAM,eAAe,WAAW;AAChC,WAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAI,gBAAgB;AAAA,QAClB,wBAAwB;AACtB,iBAAO;AAAA,YACL,IAAI,oBAAO;AAAA,cACT,KAAK,IAAI,uBAAU,UAAU;AAAA,cAC7B,OAAO;AAAA,gBACL,YAAY,OAAO;AACjB,wBAAM,cAA4B,CAAC;AAEnC,wBAAM,IAAI,QAAQ,CAAC,MAAM,QAAQ;AAC/B,0BAAM,YAAY,SAAS,WAAW,WAAW,KAAK,OAAO,CAAC;AAC9D,wBAAI,CAAC,WAAW;AACd;AAAA,oBACF;AAEA,0BAAM,eAAe,aAAa;AAAA,sBAChC,MAAM;AAAA,oBACR,CAAC;AAKD,wBAAI,iBAAiB,eAAe,KAAK,KAAK,SAAS,yCAAoB;AACzE,2BAAK,YAAY,CAAC,WAAW,aAAa;AACxC,4BAAI,UAAU,KAAK,KAAK,OAAO,SAAS,QAAQ,GAAG;AACjD,gCAAM,gBAAgB,WAAW,MAAM;AACvC,sCAAY;AAAA,4BACV,uBAAW,KAAK,eAAe,gBAAgB,UAAU,UAAU;AAAA,8BACjE,iBAAiB;AAAA,4BACnB,CAAC;AAAA,0BACH;AAAA,wBACF;AAAA,sBACF,CAAC;AAAA,oBACH;AAEA,gCAAY;AAAA,sBACV,uBAAW,KAAK,KAAK,MAAM,KAAK,UAAU,EAAE,iBAAiB,aAAa,CAAC;AAAA,oBAC7E;AAAA,kBACF,CAAC;AACD,yBAAO,0BAAc,OAAO,MAAM,KAAK,WAAW;AAAA,gBACpD;AAAA,cACF;AAAA,YACF,CAAC;AAAA,UACH;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,wBAAwB;AACtB,WAAO;AAAA,MACL,MAAM,KAAK;AAAA,MACX,UAAU;AAAA,IACZ;AAAA,EACF;AACF,CAAC;",
   "names": []
 }

package/dist/cjs/ricos-common-plugins/statics/styles-scss.js

@@ -21,14 +21,14 @@ __export(styles_exports, {
 });
 module.exports = __toCommonJS(styles_exports);
 var styles_default = {
-  "fontElementMap": "_3sfl0",
-  "elementSpacing": "CubyD",
-  "paragraph": "_-7TTw CubyD",
-  "quote": "vRKfe",
-  "orderedList": "LVm8a",
-  "bulletedList": "Xo09K",
-  "listItem": "imycN",
-  "handlerLeft": "xXbbm",
-  "handlerRight": "m1XSW"
+  "fontElementMap": "jci2c",
+  "elementSpacing": "WIreJ",
+  "paragraph": "uxlVs WIreJ",
+  "quote": "SFN6N",
+  "orderedList": "RbTHw",
+  "bulletedList": "hXXRS",
+  "listItem": "lkqxf",
+  "handlerLeft": "Jdzdt",
+  "handlerRight": "XPN-g"
 };
 //# sourceMappingURL=styles-scss.js.map

package/dist/cjs/ricos-common-plugins/statics/styles-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-common-plugins/statics/styles.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"_3sfl0\",\n  \"elementSpacing\": \"CubyD\",\n  \"paragraph\": \"_-7TTw CubyD\",\n  \"quote\": \"vRKfe\",\n  \"orderedList\": \"LVm8a\",\n  \"bulletedList\": \"Xo09K\",\n  \"listItem\": \"imycN\",\n  \"handlerLeft\": \"xXbbm\",\n  \"handlerRight\": \"m1XSW\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"jci2c\",\n  \"elementSpacing\": \"WIreJ\",\n  \"paragraph\": \"uxlVs WIreJ\",\n  \"quote\": \"SFN6N\",\n  \"orderedList\": \"RbTHw\",\n  \"bulletedList\": \"hXXRS\",\n  \"listItem\": \"lkqxf\",\n  \"handlerLeft\": \"Jdzdt\",\n  \"handlerRight\": \"XPN-g\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,iBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,SAAS;AAAA,EACT,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,gBAAgB;AAClB;",
   "names": []
 }