@wix/ricos 10.110.0 → 10.111.0

package/dist/es/plugin-video/converter/fixtures/ricos-video-with-caption.json

@@ -0,0 +1,44 @@
+{
+  "type": "VIDEO",
+  "id": "2",
+  "nodes": [
+    {
+      "type": "CAPTION",
+      "id": "jaz738",
+      "nodes": [
+        {
+          "type": "TEXT",
+          "id": "",
+          "nodes": [],
+          "textData": {
+            "text": "bjutiful video",
+            "decorations": []
+          }
+        }
+      ],
+      "captionData": {}
+    }
+  ],
+  "videoData": {
+    "containerData": {
+      "width": {
+        "size": "CONTENT"
+      },
+      "alignment": "CENTER",
+      "textWrap": true
+    },
+    "video": {
+      "src": {
+        "id": "video/11062b_a552731f40854d16a91627687fb8d1a6/1080p/mp4/file.mp4"
+      },
+      "duration": 14.08
+    },
+    "thumbnail": {
+      "src": {
+        "id": "media/11062b_a552731f40854d16a91627687fb8d1a6f000.jpg"
+      },
+      "width": 1920,
+      "height": 1080
+    }
+  }
+}

package/dist/es/plugin-video/converter/fixtures/ricos-video.json

@@ -0,0 +1,27 @@
+{
+  "type": "VIDEO",
+  "id": "2",
+  "nodes": [],
+  "videoData": {
+    "containerData": {
+      "width": {
+        "size": "CONTENT"
+      },
+      "alignment": "CENTER",
+      "textWrap": true
+    },
+    "video": {
+      "src": {
+        "id": "video/11062b_a552731f40854d16a91627687fb8d1a6/1080p/mp4/file.mp4"
+      },
+      "duration": 14.08
+    },
+    "thumbnail": {
+      "src": {
+        "id": "media/11062b_a552731f40854d16a91627687fb8d1a6f000.jpg"
+      },
+      "width": 1920,
+      "height": 1080
+    }
+  }
+}

package/dist/es/plugin-video/converter/video-converter.js

@@ -0,0 +1,55 @@
+import { generateId } from "./../../ricos-content";
+import { TIPTAP_FIGURE_TYPE, TIPTAP_VIDEO_TYPE } from "./../../ricos-content/consts";
+import { Node_Type } from "./../../ricos-schema/legacy/wix/rich_content/v1";
+const videoConverter = {
+  toPm: {
+    types: [Node_Type.VIDEO],
+    convert: (node, visit) => {
+      const fallbackCaption = {
+        id: generateId(),
+        type: Node_Type.CAPTION,
+        nodes: []
+      };
+      return {
+        type: TIPTAP_FIGURE_TYPE,
+        attrs: {
+          id: generateId()
+        },
+        content: [
+          {
+            type: TIPTAP_VIDEO_TYPE,
+            attrs: {
+              ...node.videoData,
+              id: node.id
+            }
+          },
+          ...visit(node.nodes?.length > 0 ? node : { ...node, nodes: [fallbackCaption] })
+        ]
+      };
+    }
+  },
+  fromPm: {
+    types: [TIPTAP_FIGURE_TYPE, TIPTAP_VIDEO_TYPE],
+    convert: (node, visit) => {
+      if (node.type === TIPTAP_VIDEO_TYPE) {
+        return void 0;
+      }
+      const videoNode = node.content?.find(({ type }) => type === TIPTAP_VIDEO_TYPE);
+      if (!videoNode) {
+        return void 0;
+      }
+      const { id, ...data } = videoNode?.attrs || {};
+      const [captionNode] = visit?.(node) ?? [];
+      return {
+        type: Node_Type.VIDEO,
+        id: id ?? generateId(),
+        nodes: captionNode?.nodes[0]?.textData?.text ? [captionNode] : [],
+        videoData: data
+      };
+    }
+  }
+};
+export {
+  videoConverter
+};
+//# sourceMappingURL=video-converter.js.map

package/dist/es/plugin-video/converter/video-converter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugin-video/converter/video-converter.ts"],
+  "sourcesContent": ["import type { PmNodeConverter, PmNodeJson } from './../../pm-converters/types';\nimport { generateId } from './../../ricos-content';\nimport { TIPTAP_FIGURE_TYPE, TIPTAP_VIDEO_TYPE } from './../../ricos-content/consts';\nimport type { Node, VideoData } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { VideoNode } from './../../ricos-types';\n\nexport const videoConverter: PmNodeConverter = {\n  toPm: {\n    types: [Node_Type.VIDEO],\n    convert: (node: VideoNode, visit: (node: Node) => PmNodeJson[]) => {\n      const fallbackCaption: Node = {\n        id: generateId(),\n        type: Node_Type.CAPTION,\n        nodes: [],\n      };\n\n      return {\n        type: TIPTAP_FIGURE_TYPE,\n        attrs: {\n          id: generateId(),\n        },\n        content: [\n          {\n            type: TIPTAP_VIDEO_TYPE,\n            attrs: {\n              ...node.videoData,\n              id: node.id,\n            },\n          },\n          ...visit(node.nodes?.length > 0 ? node : { ...node, nodes: [fallbackCaption] }),\n        ],\n      };\n    },\n  },\n  fromPm: {\n    types: [TIPTAP_FIGURE_TYPE, TIPTAP_VIDEO_TYPE],\n    convert: (node, visit) => {\n      if (node.type === TIPTAP_VIDEO_TYPE) {\n        return undefined;\n      }\n      const videoNode = node.content?.find(({ type }) => type === TIPTAP_VIDEO_TYPE);\n\n      if (!videoNode) {\n        return undefined;\n      }\n\n      const { id, ...data } = videoNode?.attrs || {};\n\n      const [captionNode] = visit?.(node) ?? [];\n\n      return {\n        type: Node_Type.VIDEO,\n        id: id ?? generateId(),\n        nodes: captionNode?.nodes[0]?.textData?.text ? [captionNode] : [],\n        videoData: data as VideoData,\n      };\n    },\n  },\n};\n"],
+  "mappings": "AACA,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB,yBAAyB;AAEtD,SAAS,iBAAiB;AAGnB,MAAM,iBAAkC;AAAA,EAC7C,MAAM;AAAA,IACJ,OAAO,CAAC,UAAU,KAAK;AAAA,IACvB,SAAS,CAAC,MAAiB,UAAwC;AACjE,YAAM,kBAAwB;AAAA,QAC5B,IAAI,WAAW;AAAA,QACf,MAAM,UAAU;AAAA,QAChB,OAAO,CAAC;AAAA,MACV;AAEA,aAAO;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,UACL,IAAI,WAAW;AAAA,QACjB;AAAA,QACA,SAAS;AAAA,UACP;AAAA,YACE,MAAM;AAAA,YACN,OAAO;AAAA,cACL,GAAG,KAAK;AAAA,cACR,IAAI,KAAK;AAAA,YACX;AAAA,UACF;AAAA,UACA,GAAG,MAAM,KAAK,OAAO,SAAS,IAAI,OAAO,EAAE,GAAG,MAAM,OAAO,CAAC,eAAe,EAAE,CAAC;AAAA,QAChF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,OAAO,CAAC,oBAAoB,iBAAiB;AAAA,IAC7C,SAAS,CAAC,MAAM,UAAU;AACxB,UAAI,KAAK,SAAS,mBAAmB;AACnC,eAAO;AAAA,MACT;AACA,YAAM,YAAY,KAAK,SAAS,KAAK,CAAC,EAAE,KAAK,MAAM,SAAS,iBAAiB;AAE7E,UAAI,CAAC,WAAW;AACd,eAAO;AAAA,MACT;AAEA,YAAM,EAAE,IAAI,GAAG,KAAK,IAAI,WAAW,SAAS,CAAC;AAE7C,YAAM,CAAC,WAAW,IAAI,QAAQ,IAAI,KAAK,CAAC;AAExC,aAAO;AAAA,QACL,MAAM,UAAU;AAAA,QAChB,IAAI,MAAM,WAAW;AAAA,QACrB,OAAO,aAAa,MAAM,CAAC,GAAG,UAAU,OAAO,CAAC,WAAW,IAAI,CAAC;AAAA,QAChE,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/es/plugin-video/dataHooks.js

@@ -1,4 +1,4 @@
-const ROOT = "videoPlayer";
+const VIDEO_ROOT = "videoPlayer";
 const REACT_PLAYER_FILE = "reactPlayerFile";
 const INSERT_PLUGIN_MODAL = "videoMediaUrlModal";
 const INSERT_PLUGIN_MODAL_TABS = "insertPluginModalTabs";
@@ -16,10 +16,10 @@ export {
   INSERT_PLUGIN_MODAL,
   INSERT_PLUGIN_MODAL_TABS,
   REACT_PLAYER_FILE,
-  ROOT,
   SETTINGS_ALLOW_DOWNALOD_TOGGLE,
   SETTINGS_SPOILER_TOGGLE,
   UPLOAD_TAB,
-  UPLOAD_TAB_UPLOAD_BUTTON
+  UPLOAD_TAB_UPLOAD_BUTTON,
+  VIDEO_ROOT
 };
 //# sourceMappingURL=dataHooks.js.map

package/dist/es/plugin-video/dataHooks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-video/dataHooks.ts"],
-  "sourcesContent": ["export const ROOT = 'videoPlayer';\nexport const REACT_PLAYER_FILE = 'reactPlayerFile';\n\nexport const INSERT_PLUGIN_MODAL = 'videoMediaUrlModal';\nexport const INSERT_PLUGIN_MODAL_TABS = 'insertPluginModalTabs';\n\nexport const EMBED_TAB = 'Embed_Tab';\nexport const EMBED_TAB_URL_INPUT = 'videoMediaUrlModalInput';\nexport const EMBED_TAB_SUBMIT_BUTTON = 'actionButtonSave';\n\nexport const UPLOAD_TAB = 'Upload_Tab';\nexport const UPLOAD_TAB_UPLOAD_BUTTON = 'videoUploadModalCustomVideo';\n\nexport const SETTINGS_ALLOW_DOWNALOD_TOGGLE = 'videoDownloadToggle';\nexport const SETTINGS_SPOILER_TOGGLE = 'videoSpoilerToggle';\n"],
-  "mappings": "AAAO,MAAM,OAAO;AACb,MAAM,oBAAoB;AAE1B,MAAM,sBAAsB;AAC5B,MAAM,2BAA2B;AAEjC,MAAM,YAAY;AAClB,MAAM,sBAAsB;AAC5B,MAAM,0BAA0B;AAEhC,MAAM,aAAa;AACnB,MAAM,2BAA2B;AAEjC,MAAM,iCAAiC;AACvC,MAAM,0BAA0B;",
+  "sourcesContent": ["export const VIDEO_ROOT = 'videoPlayer';\nexport const REACT_PLAYER_FILE = 'reactPlayerFile';\n\nexport const INSERT_PLUGIN_MODAL = 'videoMediaUrlModal';\nexport const INSERT_PLUGIN_MODAL_TABS = 'insertPluginModalTabs';\n\nexport const EMBED_TAB = 'Embed_Tab';\nexport const EMBED_TAB_URL_INPUT = 'videoMediaUrlModalInput';\nexport const EMBED_TAB_SUBMIT_BUTTON = 'actionButtonSave';\n\nexport const UPLOAD_TAB = 'Upload_Tab';\nexport const UPLOAD_TAB_UPLOAD_BUTTON = 'videoUploadModalCustomVideo';\n\nexport const SETTINGS_ALLOW_DOWNALOD_TOGGLE = 'videoDownloadToggle';\nexport const SETTINGS_SPOILER_TOGGLE = 'videoSpoilerToggle';\n"],
+  "mappings": "AAAO,MAAM,aAAa;AACnB,MAAM,oBAAoB;AAE1B,MAAM,sBAAsB;AAC5B,MAAM,2BAA2B;AAEjC,MAAM,YAAY;AAClB,MAAM,sBAAsB;AAC5B,MAAM,0BAA0B;AAEhC,MAAM,aAAa;AACnB,MAAM,2BAA2B;AAEjC,MAAM,iCAAiC;AACvC,MAAM,0BAA0B;",
   "names": []
 }

package/dist/es/plugin-video/defaults.js

@@ -18,17 +18,7 @@ const DEFAULT_CONFIGS = {
     ...commonDefaults
   }
 };
-const RICOS_DEFAULTS = Object.freeze({
-  containerData: {
-    alignment: "CENTER",
-    width: {
-      size: "CONTENT"
-    },
-    textWrap: true
-  }
-});
 export {
-  DEFAULT_CONFIGS,
-  RICOS_DEFAULTS
+  DEFAULT_CONFIGS
 };
 //# sourceMappingURL=defaults.js.map

package/dist/es/plugin-video/defaults.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-video/defaults.ts"],
-  "sourcesContent": ["const commonDefaults = {\n  getVideoUrl: (src: { pathname: string }) => `https://video.wixstatic.com/${src.pathname}`,\n  getThumbnailUrl: (src: { pathname: string }) => {\n    if (src.pathname.startsWith('media/')) {\n      return `https://static.wixstatic.com/${src.pathname}`;\n    }\n\n    return `https://static.wixstatic.com/media/${src.pathname}`;\n  },\n};\n\nexport const DEFAULT_CONFIGS = {\n  editor: {\n    toolbar: {\n      hidden: [],\n    },\n    ...commonDefaults,\n  },\n  viewer: {\n    ...commonDefaults,\n  },\n};\n\nexport const RICOS_DEFAULTS = Object.freeze({\n  containerData: {\n    alignment: 'CENTER',\n    width: {\n      size: 'CONTENT',\n    },\n    textWrap: true,\n  },\n});\n"],
-  "mappings": "AAAA,MAAM,iBAAiB;AAAA,EACrB,aAAa,CAAC,QAA8B,+BAA+B,IAAI,QAAQ;AAAA,EACvF,iBAAiB,CAAC,QAA8B;AAC9C,QAAI,IAAI,SAAS,WAAW,QAAQ,GAAG;AACrC,aAAO,gCAAgC,IAAI,QAAQ;AAAA,IACrD;AAEA,WAAO,sCAAsC,IAAI,QAAQ;AAAA,EAC3D;AACF;AAEO,MAAM,kBAAkB;AAAA,EAC7B,QAAQ;AAAA,IACN,SAAS;AAAA,MACP,QAAQ,CAAC;AAAA,IACX;AAAA,IACA,GAAG;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,IACN,GAAG;AAAA,EACL;AACF;AAEO,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,eAAe;AAAA,IACb,WAAW;AAAA,IACX,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,IACA,UAAU;AAAA,EACZ;AACF,CAAC;",
+  "sourcesContent": ["const commonDefaults = {\n  getVideoUrl: (src: { pathname: string }) => `https://video.wixstatic.com/${src.pathname}`,\n  getThumbnailUrl: (src: { pathname: string }) => {\n    if (src.pathname.startsWith('media/')) {\n      return `https://static.wixstatic.com/${src.pathname}`;\n    }\n\n    return `https://static.wixstatic.com/media/${src.pathname}`;\n  },\n};\n\nexport const DEFAULT_CONFIGS = {\n  editor: {\n    toolbar: {\n      hidden: [],\n    },\n    ...commonDefaults,\n  },\n  viewer: {\n    ...commonDefaults,\n  },\n};\n"],
+  "mappings": "AAAA,MAAM,iBAAiB;AAAA,EACrB,aAAa,CAAC,QAA8B,+BAA+B,IAAI,QAAQ;AAAA,EACvF,iBAAiB,CAAC,QAA8B;AAC9C,QAAI,IAAI,SAAS,WAAW,QAAQ,GAAG;AACrC,aAAO,gCAAgC,IAAI,QAAQ;AAAA,IACrD;AAEA,WAAO,sCAAsC,IAAI,QAAQ;AAAA,EAC3D;AACF;AAEO,MAAM,kBAAkB;AAAA,EAC7B,QAAQ;AAAA,IACN,SAAS;AAAA,MACP,QAAQ,CAAC;AAAA,IACX;AAAA,IACA,GAAG;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,IACN,GAAG;AAAA,EACL;AACF;",
   "names": []
 }

package/dist/es/plugin-video/editor.js

@@ -1,4 +1,7 @@
 import { RicosPluginToolbarNames } from "./../ricos-types";
+import { TIPTAP_VIDEO_TYPE } from "./../wix-rich-content-common";
+import { pluginFigure } from "../plugin-figure/editor";
+import { videoConverter } from "./converter/video-converter";
 import { DEFAULT_CONFIGS } from "./defaults";
 import { getAddButtons } from "./getAddButtons";
 import { getToolbarButtons } from "./getToolbarButtons";
@@ -6,7 +9,6 @@ import { InsertModal } from "./modals/InsertModal";
 import { SettingsModal } from "./modals/SettingsModal";
 import { tiptapExtensions } from "./tiptap/tiptap";
 import { VIDEO_TYPE } from "./types";
-import { videoConverter } from "./video-converter";
 const pluginVideo = (config) => {
   const pluginConfig = { ...DEFAULT_CONFIGS.editor, ...config };
   return {
@@ -18,8 +20,16 @@ const pluginVideo = (config) => {
     getAddButtons,
     toolbar: {
       names: [RicosPluginToolbarNames.VIDEO],
-      getButtons: (config2, services) => getToolbarButtons(config2, services)
+      getButtons: (config2, services) => getToolbarButtons(config2, services),
+      resolveReferenceElement: (tiptapEditor) => {
+        const startNodePos = tiptapEditor.state.selection.$from;
+        if (startNodePos.nodeAfter?.type.name !== TIPTAP_VIDEO_TYPE) {
+          return null;
+        }
+        return tiptapEditor.view.nodeDOM(startNodePos.pos - 1);
+      }
     },
+    dependencies: [pluginFigure],
     __exports: { SettingsModal, InsertModal }
   };
 };

package/dist/es/plugin-video/editor.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-video/editor.ts"],
-  "sourcesContent": ["import { RicosPluginToolbarNames } from './../ricos-types';\nimport type { EditorPluginCreator } from './../wix-rich-content-common';\n\nimport { DEFAULT_CONFIGS } from './defaults';\nimport { getAddButtons } from './getAddButtons';\nimport { getToolbarButtons } from './getToolbarButtons';\nimport { InsertModal } from './modals/InsertModal';\nimport { SettingsModal } from './modals/SettingsModal';\nimport { tiptapExtensions } from './tiptap/tiptap';\nimport type { VideoPluginEditorConfig } from './types';\nimport { VIDEO_TYPE } from './types';\nimport { videoConverter } from './video-converter';\n\nexport const pluginVideo: EditorPluginCreator<\n  VideoPluginEditorConfig,\n  { SettingsModal: typeof SettingsModal; InsertModal: typeof InsertModal }\n> = config => {\n  const pluginConfig: VideoPluginEditorConfig = { ...DEFAULT_CONFIGS.editor, ...config };\n  return {\n    config: pluginConfig,\n    type: VIDEO_TYPE,\n    pmMarkConverters: [],\n    pmNodeConverters: [videoConverter],\n    tiptapExtensions,\n    getAddButtons,\n    toolbar: {\n      names: [RicosPluginToolbarNames.VIDEO],\n      getButtons: (config, services) => getToolbarButtons(config, services),\n    },\n    __exports: { SettingsModal, InsertModal },\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,+BAA+B;AAGxC,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AAEjC,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAExB,MAAM,cAGT,YAAU;AACZ,QAAM,eAAwC,EAAE,GAAG,gBAAgB,QAAQ,GAAG,OAAO;AACrF,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,kBAAkB,CAAC;AAAA,IACnB,kBAAkB,CAAC,cAAc;AAAA,IACjC;AAAA,IACA;AAAA,IACA,SAAS;AAAA,MACP,OAAO,CAAC,wBAAwB,KAAK;AAAA,MACrC,YAAY,CAACA,SAAQ,aAAa,kBAAkBA,SAAQ,QAAQ;AAAA,IACtE;AAAA,IACA,WAAW,EAAE,eAAe,YAAY;AAAA,EAC1C;AACF;",
+  "sourcesContent": ["import { RicosPluginToolbarNames } from './../ricos-types';\nimport { type EditorPluginCreator, TIPTAP_VIDEO_TYPE } from './../wix-rich-content-common';\n\nimport { pluginFigure } from '../plugin-figure/editor';\nimport { videoConverter } from './converter/video-converter';\nimport { DEFAULT_CONFIGS } from './defaults';\nimport { getAddButtons } from './getAddButtons';\nimport { getToolbarButtons } from './getToolbarButtons';\nimport { InsertModal } from './modals/InsertModal';\nimport { SettingsModal } from './modals/SettingsModal';\nimport { tiptapExtensions } from './tiptap/tiptap';\nimport type { VideoPluginEditorConfig } from './types';\nimport { VIDEO_TYPE } from './types';\n\nexport const pluginVideo: EditorPluginCreator<\n  VideoPluginEditorConfig,\n  { SettingsModal: typeof SettingsModal; InsertModal: typeof InsertModal }\n> = config => {\n  const pluginConfig: VideoPluginEditorConfig = { ...DEFAULT_CONFIGS.editor, ...config };\n  return {\n    config: pluginConfig,\n    type: VIDEO_TYPE,\n    pmMarkConverters: [],\n    pmNodeConverters: [videoConverter],\n    tiptapExtensions,\n    getAddButtons,\n    toolbar: {\n      names: [RicosPluginToolbarNames.VIDEO],\n      getButtons: (config, services) => getToolbarButtons(config, services),\n      resolveReferenceElement: tiptapEditor => {\n        const startNodePos = tiptapEditor.state.selection.$from;\n        if (startNodePos.nodeAfter?.type.name !== TIPTAP_VIDEO_TYPE) {\n          return null;\n        }\n        return tiptapEditor.view.nodeDOM(startNodePos.pos - 1) as HTMLElement | null;\n      },\n    },\n    dependencies: [pluginFigure],\n    __exports: { SettingsModal, InsertModal },\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,+BAA+B;AACxC,SAAmC,yBAAyB;AAE5D,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AAEjC,SAAS,kBAAkB;AAEpB,MAAM,cAGT,YAAU;AACZ,QAAM,eAAwC,EAAE,GAAG,gBAAgB,QAAQ,GAAG,OAAO;AACrF,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,kBAAkB,CAAC;AAAA,IACnB,kBAAkB,CAAC,cAAc;AAAA,IACjC;AAAA,IACA;AAAA,IACA,SAAS;AAAA,MACP,OAAO,CAAC,wBAAwB,KAAK;AAAA,MACrC,YAAY,CAACA,SAAQ,aAAa,kBAAkBA,SAAQ,QAAQ;AAAA,MACpE,yBAAyB,kBAAgB;AACvC,cAAM,eAAe,aAAa,MAAM,UAAU;AAClD,YAAI,aAAa,WAAW,KAAK,SAAS,mBAAmB;AAC3D,iBAAO;AAAA,QACT;AACA,eAAO,aAAa,KAAK,QAAQ,aAAa,MAAM,CAAC;AAAA,MACvD;AAAA,IACF;AAAA,IACA,cAAc,CAAC,YAAY;AAAA,IAC3B,WAAW,EAAE,eAAe,YAAY;AAAA,EAC1C;AACF;",
   "names": ["config"]
 }

package/dist/es/plugin-video/getAddButtons.js

@@ -5,8 +5,7 @@ import {
   INSERT_PLUGIN_BUTTONS,
   TOOLBARS
 } from "./../editor-common";
-import { videoModals } from "./constants";
-import { RICOS_DEFAULTS } from "./defaults";
+import { RICOS_DEFAULTS, videoModals } from "./constants";
 import { VideoInsertPluginIcon, YoutubeIcon } from "./icons";
 import { InsertModal } from "./modals/InsertModal";
 import { videoButtonsTypes } from "./types";

package/dist/es/plugin-video/getAddButtons.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-video/getAddButtons.tsx"],
-  "sourcesContent": ["import { compact } from 'lodash';\n\nimport type { VideoData } from './../ricos-schema/legacy/wix/rich_content/v1';\nimport type { AddButton } from './../ricos-types';\nimport { Node_Type } from './../ricos-types';\nimport {\n  decorateComponentWithProps,\n  INSERT_PLUGIN_BUTTONS,\n  TOOLBARS,\n} from './../editor-common';\n\nimport { videoModals } from './constants';\nimport { RICOS_DEFAULTS } from './defaults';\nimport { VideoInsertPluginIcon, YoutubeIcon } from './icons';\nimport { InsertModal } from './modals/InsertModal';\nimport type { VideoPluginEditorConfig } from './types';\nimport { videoButtonsTypes } from './types';\n\nexport const toolbarsToAddIn: (TOOLBARS.MOBILE | TOOLBARS.FOOTER | TOOLBARS.SIDE)[] = [\n  TOOLBARS.FOOTER,\n  TOOLBARS.SIDE,\n  TOOLBARS.MOBILE,\n];\n\nexport const getAddButtons = (config: VideoPluginEditorConfig): AddButton[] => {\n  const {\n    disableDownloadDefault,\n    enableCustomUploadOnMobile,\n    getVideoUrl,\n    exposeButtons = [videoButtonsTypes.video],\n    handleFileSelection,\n    handleFileUpload,\n    disableDownload,\n    onVideoSelected,\n  } = config || {};\n\n  const modalBaseProps = {\n    disableDownloadDefault,\n    enableCustomUploadOnMobile,\n    getVideoUrl,\n    handleFileSelection,\n    handleFileUpload,\n    onVideoSelected,\n  };\n\n  const buttonsMap: Record<string, AddButton> = {\n    [videoButtonsTypes.video]: {\n      id: `${Node_Type.VIDEO}.video`,\n      label: INSERT_PLUGIN_BUTTONS.VIDEO,\n      dataHook: INSERT_PLUGIN_BUTTONS.VIDEO,\n      icon: VideoInsertPluginIcon,\n      tooltip: 'VideoPlugin_InsertButton_Tooltip',\n      toolbars: toolbarsToAddIn,\n\n      command: () => true,\n      modal: {\n        id: videoModals.insertVideo,\n        Component: decorateComponentWithProps(InsertModal, {\n          componentData: { ...RICOS_DEFAULTS, disableDownload } as VideoData,\n          modalId: videoModals.insertVideo,\n          ...modalBaseProps,\n        }),\n        noPadding: true,\n      },\n      menuConfig: {\n        tags: 'Video_plugin_search_tags',\n      },\n    },\n    [videoButtonsTypes.youTube]: {\n      id: `${Node_Type.VIDEO}.youTube`,\n      label: INSERT_PLUGIN_BUTTONS.YOUTUBE,\n      dataHook: INSERT_PLUGIN_BUTTONS.YOUTUBE,\n      icon: YoutubeIcon,\n      tooltip: 'YouTubePlugin_InsertButton_Tooltip',\n      toolbars: toolbarsToAddIn,\n\n      command: () => true,\n      modal: {\n        id: videoModals.insertYoutube,\n        Component: decorateComponentWithProps(InsertModal, {\n          componentData: { ...RICOS_DEFAULTS, type: videoButtonsTypes.youTube } as VideoData,\n          modalId: videoModals.insertYoutube,\n          ...modalBaseProps,\n        }),\n        noPadding: true,\n      },\n      menuConfig: {\n        tags: 'YouTube_plugin_search_tags',\n        group: 'embed',\n      },\n    },\n  };\n\n  return compact(exposeButtons.map(buttonType => buttonsMap[buttonType]));\n};\n"],
-  "mappings": "AAAA,SAAS,eAAe;AAIxB,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB,mBAAmB;AACnD,SAAS,mBAAmB;AAE5B,SAAS,yBAAyB;AAE3B,MAAM,kBAAyE;AAAA,EACpF,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAEO,MAAM,gBAAgB,CAAC,WAAiD;AAC7E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,CAAC,kBAAkB,KAAK;AAAA,IACxC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,UAAU,CAAC;AAEf,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,aAAwC;AAAA,IAC5C,CAAC,kBAAkB,KAAK,GAAG;AAAA,MACzB,IAAI,GAAG,UAAU,KAAK;AAAA,MACtB,OAAO,sBAAsB;AAAA,MAC7B,UAAU,sBAAsB;AAAA,MAChC,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,MAEV,SAAS,MAAM;AAAA,MACf,OAAO;AAAA,QACL,IAAI,YAAY;AAAA,QAChB,WAAW,2BAA2B,aAAa;AAAA,UACjD,eAAe,EAAE,GAAG,gBAAgB,gBAAgB;AAAA,UACpD,SAAS,YAAY;AAAA,UACrB,GAAG;AAAA,QACL,CAAC;AAAA,QACD,WAAW;AAAA,MACb;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,OAAO,GAAG;AAAA,MAC3B,IAAI,GAAG,UAAU,KAAK;AAAA,MACtB,OAAO,sBAAsB;AAAA,MAC7B,UAAU,sBAAsB;AAAA,MAChC,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,MAEV,SAAS,MAAM;AAAA,MACf,OAAO;AAAA,QACL,IAAI,YAAY;AAAA,QAChB,WAAW,2BAA2B,aAAa;AAAA,UACjD,eAAe,EAAE,GAAG,gBAAgB,MAAM,kBAAkB,QAAQ;AAAA,UACpE,SAAS,YAAY;AAAA,UACrB,GAAG;AAAA,QACL,CAAC;AAAA,QACD,WAAW;AAAA,MACb;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAEA,SAAO,QAAQ,cAAc,IAAI,gBAAc,WAAW,UAAU,CAAC,CAAC;AACxE;",
+  "sourcesContent": ["import { compact } from 'lodash';\n\nimport type { VideoData } from './../ricos-schema/legacy/wix/rich_content/v1';\nimport type { AddButton } from './../ricos-types';\nimport { Node_Type } from './../ricos-types';\nimport {\n  decorateComponentWithProps,\n  INSERT_PLUGIN_BUTTONS,\n  TOOLBARS,\n} from './../editor-common';\n\nimport { RICOS_DEFAULTS, videoModals } from './constants';\nimport { VideoInsertPluginIcon, YoutubeIcon } from './icons';\nimport { InsertModal } from './modals/InsertModal';\nimport type { VideoPluginEditorConfig } from './types';\nimport { videoButtonsTypes } from './types';\n\nexport const toolbarsToAddIn: (TOOLBARS.MOBILE | TOOLBARS.FOOTER | TOOLBARS.SIDE)[] = [\n  TOOLBARS.FOOTER,\n  TOOLBARS.SIDE,\n  TOOLBARS.MOBILE,\n];\n\nexport const getAddButtons = (config: VideoPluginEditorConfig): AddButton[] => {\n  const {\n    disableDownloadDefault,\n    enableCustomUploadOnMobile,\n    getVideoUrl,\n    exposeButtons = [videoButtonsTypes.video],\n    handleFileSelection,\n    handleFileUpload,\n    disableDownload,\n    onVideoSelected,\n  } = config || {};\n\n  const modalBaseProps = {\n    disableDownloadDefault,\n    enableCustomUploadOnMobile,\n    getVideoUrl,\n    handleFileSelection,\n    handleFileUpload,\n    onVideoSelected,\n  };\n\n  const buttonsMap: Record<string, AddButton> = {\n    [videoButtonsTypes.video]: {\n      id: `${Node_Type.VIDEO}.video`,\n      label: INSERT_PLUGIN_BUTTONS.VIDEO,\n      dataHook: INSERT_PLUGIN_BUTTONS.VIDEO,\n      icon: VideoInsertPluginIcon,\n      tooltip: 'VideoPlugin_InsertButton_Tooltip',\n      toolbars: toolbarsToAddIn,\n\n      command: () => true,\n      modal: {\n        id: videoModals.insertVideo,\n        Component: decorateComponentWithProps(InsertModal, {\n          componentData: { ...RICOS_DEFAULTS, disableDownload } as VideoData,\n          modalId: videoModals.insertVideo,\n          ...modalBaseProps,\n        }),\n        noPadding: true,\n      },\n      menuConfig: {\n        tags: 'Video_plugin_search_tags',\n      },\n    },\n    [videoButtonsTypes.youTube]: {\n      id: `${Node_Type.VIDEO}.youTube`,\n      label: INSERT_PLUGIN_BUTTONS.YOUTUBE,\n      dataHook: INSERT_PLUGIN_BUTTONS.YOUTUBE,\n      icon: YoutubeIcon,\n      tooltip: 'YouTubePlugin_InsertButton_Tooltip',\n      toolbars: toolbarsToAddIn,\n\n      command: () => true,\n      modal: {\n        id: videoModals.insertYoutube,\n        Component: decorateComponentWithProps(InsertModal, {\n          componentData: { ...RICOS_DEFAULTS, type: videoButtonsTypes.youTube } as VideoData,\n          modalId: videoModals.insertYoutube,\n          ...modalBaseProps,\n        }),\n        noPadding: true,\n      },\n      menuConfig: {\n        tags: 'YouTube_plugin_search_tags',\n        group: 'embed',\n      },\n    },\n  };\n\n  return compact(exposeButtons.map(buttonType => buttonsMap[buttonType]));\n};\n"],
+  "mappings": "AAAA,SAAS,eAAe;AAIxB,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,gBAAgB,mBAAmB;AAC5C,SAAS,uBAAuB,mBAAmB;AACnD,SAAS,mBAAmB;AAE5B,SAAS,yBAAyB;AAE3B,MAAM,kBAAyE;AAAA,EACpF,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAEO,MAAM,gBAAgB,CAAC,WAAiD;AAC7E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,CAAC,kBAAkB,KAAK;AAAA,IACxC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,UAAU,CAAC;AAEf,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,aAAwC;AAAA,IAC5C,CAAC,kBAAkB,KAAK,GAAG;AAAA,MACzB,IAAI,GAAG,UAAU,KAAK;AAAA,MACtB,OAAO,sBAAsB;AAAA,MAC7B,UAAU,sBAAsB;AAAA,MAChC,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,MAEV,SAAS,MAAM;AAAA,MACf,OAAO;AAAA,QACL,IAAI,YAAY;AAAA,QAChB,WAAW,2BAA2B,aAAa;AAAA,UACjD,eAAe,EAAE,GAAG,gBAAgB,gBAAgB;AAAA,UACpD,SAAS,YAAY;AAAA,UACrB,GAAG;AAAA,QACL,CAAC;AAAA,QACD,WAAW;AAAA,MACb;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,OAAO,GAAG;AAAA,MAC3B,IAAI,GAAG,UAAU,KAAK;AAAA,MACtB,OAAO,sBAAsB;AAAA,MAC7B,UAAU,sBAAsB;AAAA,MAChC,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,MAEV,SAAS,MAAM;AAAA,MACf,OAAO;AAAA,QACL,IAAI,YAAY;AAAA,QAChB,WAAW,2BAA2B,aAAa;AAAA,UACjD,eAAe,EAAE,GAAG,gBAAgB,MAAM,kBAAkB,QAAQ;AAAA,UACpE,SAAS,YAAY;AAAA,UACrB,GAAG;AAAA,QACL,CAAC;AAAA,QACD,WAAW;AAAA,MACb;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAEA,SAAO,QAAQ,cAAc,IAAI,gBAAc,WAAW,UAAU,CAAC,CAAC;AACxE;",
   "names": []
 }

package/dist/es/plugin-video/getToolbarButtons.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { SPOILER_TYPE, VIDEO_TYPE } from "./../ricos-content";
+import { SPOILER_TYPE, TIPTAP_FIGURE_TYPE, VIDEO_TYPE } from "./../ricos-content";
 import { Node_Type } from "./../ricos-schema/legacy/wix/rich_content/v1";
 import {
   decorateComponentWithProps,
@@ -8,6 +8,7 @@ import {
 import { getVisibleOnlyOnDesktopResolver } from "./../plugin-commons";
 import {
   AlignmentPanel,
+  DeleteButton,
   NodeAlignmentButton,
   NodeSizeButton,
   SizePanel
@@ -138,7 +139,19 @@ const getToolbarButtons = (config, services) => {
       id: PLUGIN_TOOLBAR_BUTTON_ID.SEPARATOR
     },
     {
-      id: PLUGIN_TOOLBAR_BUTTON_ID.DELETE
+      id: PLUGIN_TOOLBAR_BUTTON_ID.DELETE,
+      renderer: (toolbarItem) => {
+        return /* @__PURE__ */ React.createElement(DeleteButton, { toolbarItem });
+      },
+      command: (data) => {
+        const figures = data.editorCommands.$nodes(TIPTAP_FIGURE_TYPE);
+        const selectedFigure = figures?.find((f) => {
+          return f.firstChild?.node.attrs.id === data.attributes.selectedNode.attrs.id;
+        });
+        if (selectedFigure) {
+          data.editorCommands.chain().focus().deleteNode(selectedFigure.attributes.id).run();
+        }
+      }
     }
   ];
 };

package/dist/es/plugin-video/getToolbarButtons.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-video/getToolbarButtons.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { SPOILER_TYPE, VIDEO_TYPE } from './../ricos-content';\nimport type { PluginContainerData_Width_Type } from './../ricos-schema/legacy/wix/rich_content/v1';\nimport { Node_Type } from './../ricos-schema/legacy/wix/rich_content/v1';\nimport type { RicosServices, ToolbarButton } from './../ricos-types';\nimport {\n  decorateComponentWithProps,\n  PLUGIN_TOOLBAR_BUTTON_ID,\n} from './../editor-common';\nimport { getVisibleOnlyOnDesktopResolver } from './../plugin-commons';\nimport {\n  AlignmentPanel,\n  NodeAlignmentButton,\n  NodeSizeButton,\n  SizePanel,\n} from './../toolbars-ui';\n\nimport { VIDEO_BUTTONS, videoModals } from './constants';\nimport { InsertModal } from './modals/InsertModal';\nimport { SettingsModal } from './modals/SettingsModal';\nimport type { VideoPluginEditorConfig } from './types';\n\nexport const getToolbarButtons = (\n  config: VideoPluginEditorConfig,\n  services: RicosServices\n): ToolbarButton[] => {\n  const {\n    disableDownloadDefault,\n    enableCustomUploadOnMobile,\n    getVideoUrl,\n    handleFileSelection,\n    handleFileUpload,\n    onVideoSelected,\n  } = config || {};\n\n  const {\n    modals,\n    context: { isMobile },\n  } = services;\n  const modalBaseProps = {\n    disableDownloadDefault,\n    enableCustomUploadOnMobile,\n    getVideoUrl,\n    handleFileSelection,\n    handleFileUpload,\n    onVideoSelected,\n  };\n\n  const shouldShowSpoiler = () => {\n    const spoilerPlugin = services.plugins\n      .asArray()\n      .find(plugin => plugin.getType() === SPOILER_TYPE);\n\n    return (\n      spoilerPlugin &&\n      (!spoilerPlugin.getConfig().supportedPlugins ||\n        spoilerPlugin.getConfig().supportedPlugins.includes(VIDEO_TYPE))\n    );\n  };\n\n  const settingsVisibilityResolver = {\n    id: 'IS_VIDEO_SETTINGS_BUTTON_VISIBLE',\n    resolve: content => {\n      if (Array.isArray(content) && content.length > 0) {\n        const isCustomVideo = !!content.find(node => node?.type?.name === Node_Type.VIDEO)?.attrs\n          ?.video?.src?.id;\n        return shouldShowSpoiler() || isCustomVideo;\n      }\n      return false;\n    },\n  };\n\n  return [\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.SIZE,\n      modal: {\n        Component: decorateComponentWithProps(SizePanel, {\n          options: ['SMALL', 'CONTENT', 'FULL_WIDTH'] as PluginContainerData_Width_Type[],\n        }),\n        id: VIDEO_BUTTONS.size,\n      },\n      renderer: toolbarItem => <NodeSizeButton id={VIDEO_BUTTONS.size} toolbarItem={toolbarItem} />,\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.SEPARATOR,\n      attributes: {\n        visible: getVisibleOnlyOnDesktopResolver(isMobile),\n      },\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.ALIGNMENT,\n      modal: {\n        Component: AlignmentPanel,\n        id: VIDEO_BUTTONS.alignment,\n      },\n      renderer: toolbarItem => (\n        <NodeAlignmentButton toolbarItem={toolbarItem} id={VIDEO_BUTTONS.alignment} />\n      ),\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.SEPARATOR,\n      attributes: {\n        visible: getVisibleOnlyOnDesktopResolver(isMobile),\n      },\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.SETTINGS,\n      modal: {\n        id: videoModals.settings,\n        Component: SettingsModal,\n      },\n      attributes: {\n        visible: settingsVisibilityResolver,\n      },\n      command: ({ isMobile, attributes: { selectedNode } }) => {\n        modals?.openRegisteredModal(videoModals.settings, {\n          componentProps: {\n            nodeId: selectedNode.attrs.id,\n          },\n          positioning: { placement: 'right' },\n          layout: isMobile ? 'fullscreen' : 'drawer',\n        });\n      },\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.SEPARATOR,\n      attributes: {\n        visible: settingsVisibilityResolver,\n      },\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.REPLACE,\n      modal: {\n        Component: decorateComponentWithProps(InsertModal, { modalId: videoModals.replace }),\n        id: videoModals.replace,\n      },\n      command: ({ isMobile, referenceElement, attributes: { selectedNode } }) => {\n        const {\n          video: { src },\n          id,\n        } = selectedNode.attrs;\n        const videoSrc = src.url ? { url: src.url } : src.id ? { id: src.id } : {};\n        if (modals?.isModalOpen(videoModals.replace)) {\n          modals.closeModal(videoModals.replace);\n        } else {\n          modals?.openRegisteredModal(videoModals.replace, {\n            componentProps: {\n              componentData: { video: { src: videoSrc } },\n              nodeId: id,\n              ...modalBaseProps,\n            },\n            positioning: { placement: 'bottom', referenceElement },\n            layout: isMobile ? 'fullscreen' : 'popover',\n            noPadding: true,\n          });\n        }\n      },\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.SEPARATOR,\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.DELETE,\n    },\n  ];\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React from 'react';\n\nimport { SPOILER_TYPE, TIPTAP_FIGURE_TYPE, VIDEO_TYPE } from './../ricos-content';\nimport type { PluginContainerData_Width_Type } from './../ricos-schema/legacy/wix/rich_content/v1';\nimport { Node_Type } from './../ricos-schema/legacy/wix/rich_content/v1';\nimport type { RicosServices, ToolbarButton } from './../ricos-types';\nimport {\n  decorateComponentWithProps,\n  PLUGIN_TOOLBAR_BUTTON_ID,\n} from './../editor-common';\nimport { getVisibleOnlyOnDesktopResolver } from './../plugin-commons';\nimport {\n  AlignmentPanel,\n  DeleteButton,\n  NodeAlignmentButton,\n  NodeSizeButton,\n  SizePanel,\n} from './../toolbars-ui';\n\nimport { VIDEO_BUTTONS, videoModals } from './constants';\nimport { InsertModal } from './modals/InsertModal';\nimport { SettingsModal } from './modals/SettingsModal';\nimport type { VideoPluginEditorConfig } from './types';\n\nexport const getToolbarButtons = (\n  config: VideoPluginEditorConfig,\n  services: RicosServices\n): ToolbarButton[] => {\n  const {\n    disableDownloadDefault,\n    enableCustomUploadOnMobile,\n    getVideoUrl,\n    handleFileSelection,\n    handleFileUpload,\n    onVideoSelected,\n  } = config || {};\n\n  const {\n    modals,\n    context: { isMobile },\n  } = services;\n  const modalBaseProps = {\n    disableDownloadDefault,\n    enableCustomUploadOnMobile,\n    getVideoUrl,\n    handleFileSelection,\n    handleFileUpload,\n    onVideoSelected,\n  };\n\n  const shouldShowSpoiler = () => {\n    const spoilerPlugin = services.plugins\n      .asArray()\n      .find(plugin => plugin.getType() === SPOILER_TYPE);\n\n    return (\n      spoilerPlugin &&\n      (!spoilerPlugin.getConfig().supportedPlugins ||\n        spoilerPlugin.getConfig().supportedPlugins.includes(VIDEO_TYPE))\n    );\n  };\n\n  const settingsVisibilityResolver = {\n    id: 'IS_VIDEO_SETTINGS_BUTTON_VISIBLE',\n    resolve: content => {\n      if (Array.isArray(content) && content.length > 0) {\n        const isCustomVideo = !!content.find(node => node?.type?.name === Node_Type.VIDEO)?.attrs\n          ?.video?.src?.id;\n        return shouldShowSpoiler() || isCustomVideo;\n      }\n      return false;\n    },\n  };\n\n  return [\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.SIZE,\n      modal: {\n        Component: decorateComponentWithProps(SizePanel, {\n          options: ['SMALL', 'CONTENT', 'FULL_WIDTH'] as PluginContainerData_Width_Type[],\n        }),\n        id: VIDEO_BUTTONS.size,\n      },\n      renderer: toolbarItem => <NodeSizeButton id={VIDEO_BUTTONS.size} toolbarItem={toolbarItem} />,\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.SEPARATOR,\n      attributes: {\n        visible: getVisibleOnlyOnDesktopResolver(isMobile),\n      },\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.ALIGNMENT,\n      modal: {\n        Component: AlignmentPanel,\n        id: VIDEO_BUTTONS.alignment,\n      },\n      renderer: toolbarItem => (\n        <NodeAlignmentButton toolbarItem={toolbarItem} id={VIDEO_BUTTONS.alignment} />\n      ),\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.SEPARATOR,\n      attributes: {\n        visible: getVisibleOnlyOnDesktopResolver(isMobile),\n      },\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.SETTINGS,\n      modal: {\n        id: videoModals.settings,\n        Component: SettingsModal,\n      },\n      attributes: {\n        visible: settingsVisibilityResolver,\n      },\n      command: ({ isMobile, attributes: { selectedNode } }) => {\n        modals?.openRegisteredModal(videoModals.settings, {\n          componentProps: {\n            nodeId: selectedNode.attrs.id,\n          },\n          positioning: { placement: 'right' },\n          layout: isMobile ? 'fullscreen' : 'drawer',\n        });\n      },\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.SEPARATOR,\n      attributes: {\n        visible: settingsVisibilityResolver,\n      },\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.REPLACE,\n      modal: {\n        Component: decorateComponentWithProps(InsertModal, { modalId: videoModals.replace }),\n        id: videoModals.replace,\n      },\n      command: ({ isMobile, referenceElement, attributes: { selectedNode } }) => {\n        const {\n          video: { src },\n          id,\n        } = selectedNode.attrs;\n        const videoSrc = src.url ? { url: src.url } : src.id ? { id: src.id } : {};\n        if (modals?.isModalOpen(videoModals.replace)) {\n          modals.closeModal(videoModals.replace);\n        } else {\n          modals?.openRegisteredModal(videoModals.replace, {\n            componentProps: {\n              componentData: { video: { src: videoSrc } },\n              nodeId: id,\n              ...modalBaseProps,\n            },\n            positioning: { placement: 'bottom', referenceElement },\n            layout: isMobile ? 'fullscreen' : 'popover',\n            noPadding: true,\n          });\n        }\n      },\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.SEPARATOR,\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.DELETE,\n      renderer: toolbarItem => {\n        return <DeleteButton toolbarItem={toolbarItem} />;\n      },\n      command: data => {\n        const figures = data.editorCommands.$nodes(TIPTAP_FIGURE_TYPE);\n        const selectedFigure = figures?.find(f => {\n          return f.firstChild?.node.attrs.id === data.attributes.selectedNode.attrs.id;\n        });\n\n        if (selectedFigure) {\n          data.editorCommands.chain().focus().deleteNode(selectedFigure.attributes.id).run();\n        }\n      },\n    },\n  ];\n};\n"],
+  "mappings": "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",
   "names": ["isMobile"]
 }

package/dist/es/plugin-video/statics/styles/default-video-styles-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "a4f146db";
+var styleDataHash = "27ab67c3";
 const injectCss = () => {
-  var css = `.kDDue{height:100%;position:absolute;top:0;width:100%;z-index:0}[dir] .kDDue{border:0}[dir=ltr] .kDDue{left:0}[dir=rtl] .kDDue{right:0}.VRvyU{bottom:0;position:absolute;top:0;z-index:3}[dir=ltr] .VRvyU,[dir=rtl] .VRvyU{left:0;right:0}.sXBns{height:0;position:relative}[dir] .sXBns{padding-bottom:56.25%}@supports not (contain:inline-size){@media only screen and (max-width:640px){.sXBns{min-width:auto}}}@container (width < 640px){.sXBns{min-width:auto}}.odQz-{bottom:0;height:100%;position:absolute;top:0;width:100%;z-index:1}[dir] .odQz-{cursor:move}.odQz-~*>*{pointer-events:none}._2kUAV{height:0;overflow:hidden;visibility:hidden;width:0}.BKohD,._2kUAV{position:absolute}.BKohD{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:400;height:100%;justify-content:center;top:0;width:100%;z-index:1}[dir] .BKohD{background:rgba(0,0,0,.5);text-align:center}[dir=ltr] .BKohD{right:0}[dir=rtl] .BKohD{left:0}`;
+  var css = `.fzX77{height:100%;position:absolute;top:0;width:100%;z-index:0}[dir] .fzX77{border:0}[dir=ltr] .fzX77{left:0}[dir=rtl] .fzX77{right:0}.BUAKF{bottom:0;position:absolute;top:0;z-index:3}[dir=ltr] .BUAKF,[dir=rtl] .BUAKF{left:0;right:0}.q5qTD{height:0;position:relative}[dir] .q5qTD{padding-bottom:56.25%}@supports not (contain:inline-size){@media only screen and (max-width:640px){.q5qTD{min-width:auto}}}@container (width < 640px){.q5qTD{min-width:auto}}.Cuz-3{bottom:0;height:100%;position:absolute;top:0;width:100%;z-index:1}[dir] .Cuz-3{cursor:move}.Cuz-3~*>*{pointer-events:none}._8ptek{height:0;overflow:hidden;visibility:hidden;width:0}.J3eqY,._8ptek{position:absolute}.J3eqY{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:400;height:100%;justify-content:center;top:0;width:100%;z-index:1}[dir] .J3eqY{background:rgba(0,0,0,.5);text-align:center}[dir=ltr] .J3eqY{right:0}[dir=rtl] .J3eqY{left:0}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,12 +21,12 @@ const injectCss = () => {
 };
 injectCss();
 var default_video_styles_default = {
-  "video_player": "kDDue",
-  "videoOverlay": "VRvyU",
-  "video_container": "sXBns",
-  "video_overlay": "odQz-",
-  "hide_duration": "_2kUAV",
-  "error": "BKohD"
+  "video_player": "fzX77",
+  "videoOverlay": "BUAKF",
+  "video_container": "q5qTD",
+  "video_overlay": "Cuz-3",
+  "hide_duration": "_8ptek",
+  "error": "J3eqY"
 };
 export {
   default_video_styles_default as default,

package/dist/es/plugin-video/statics/styles/default-video-styles-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-video/statics/styles/default-video-styles.scss"],
-  "sourcesContent": ["var styleDataHash = 'a4f146db';  \nexport const injectCss = (() => {\n  var css = `.kDDue{height:100%;position:absolute;top:0;width:100%;z-index:0}[dir] .kDDue{border:0}[dir=ltr] .kDDue{left:0}[dir=rtl] .kDDue{right:0}.VRvyU{bottom:0;position:absolute;top:0;z-index:3}[dir=ltr] .VRvyU,[dir=rtl] .VRvyU{left:0;right:0}.sXBns{height:0;position:relative}[dir] .sXBns{padding-bottom:56.25%}@supports not (contain:inline-size){@media only screen and (max-width:640px){.sXBns{min-width:auto}}}@container (width < 640px){.sXBns{min-width:auto}}.odQz-{bottom:0;height:100%;position:absolute;top:0;width:100%;z-index:1}[dir] .odQz-{cursor:move}.odQz-~*>*{pointer-events:none}._2kUAV{height:0;overflow:hidden;visibility:hidden;width:0}.BKohD,._2kUAV{position:absolute}.BKohD{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:400;height:100%;justify-content:center;top:0;width:100%;z-index:1}[dir] .BKohD{background:rgba(0,0,0,.5);text-align:center}[dir=ltr] .BKohD{right:0}[dir=rtl] .BKohD{left:0}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"video_player\": \"kDDue\",\n  \"videoOverlay\": \"VRvyU\",\n  \"video_container\": \"sXBns\",\n  \"video_overlay\": \"odQz-\",\n  \"hide_duration\": \"_2kUAV\",\n  \"error\": \"BKohD\"\n};"],
+  "sourcesContent": ["var styleDataHash = '27ab67c3';  \nexport const injectCss = (() => {\n  var css = `.fzX77{height:100%;position:absolute;top:0;width:100%;z-index:0}[dir] .fzX77{border:0}[dir=ltr] .fzX77{left:0}[dir=rtl] .fzX77{right:0}.BUAKF{bottom:0;position:absolute;top:0;z-index:3}[dir=ltr] .BUAKF,[dir=rtl] .BUAKF{left:0;right:0}.q5qTD{height:0;position:relative}[dir] .q5qTD{padding-bottom:56.25%}@supports not (contain:inline-size){@media only screen and (max-width:640px){.q5qTD{min-width:auto}}}@container (width < 640px){.q5qTD{min-width:auto}}.Cuz-3{bottom:0;height:100%;position:absolute;top:0;width:100%;z-index:1}[dir] .Cuz-3{cursor:move}.Cuz-3~*>*{pointer-events:none}._8ptek{height:0;overflow:hidden;visibility:hidden;width:0}.J3eqY,._8ptek{position:absolute}.J3eqY{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:400;height:100%;justify-content:center;top:0;width:100%;z-index:1}[dir] .J3eqY{background:rgba(0,0,0,.5);text-align:center}[dir=ltr] .J3eqY{right:0}[dir=rtl] .J3eqY{left:0}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"video_player\": \"fzX77\",\n  \"videoOverlay\": \"BUAKF\",\n  \"video_container\": \"q5qTD\",\n  \"video_overlay\": \"Cuz-3\",\n  \"hide_duration\": \"_8ptek\",\n  \"error\": \"J3eqY\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,YAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,+BAAQ;AAAA,EACb,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,SAAS;AACX;",
   "names": []
 }

package/dist/es/plugin-video/statics/styles/new-video-insert-modal-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "44afe0ab";
+var styleDataHash = "f029e686";
 const injectCss = () => {
-  var css = `.rXzZN{--wsr-color-B10:var(--rcp-color-primary)}.rXzZN button:hover{--wsr-color-B10:var(--rcp-color-hover)}.GogQV{--wds-input-value-font-size-medium:14px}`;
+  var css = `.rvq9-{--wsr-color-B10:var(--rcp-color-primary)}.rvq9- button:hover{--wsr-color-B10:var(--rcp-color-hover)}.ThNzG{--wds-input-value-font-size-medium:14px}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,8 +21,8 @@ const injectCss = () => {
 };
 injectCss();
 var new_video_insert_modal_default = {
-  "tabs": "rXzZN",
-  "input": "GogQV"
+  "tabs": "rvq9-",
+  "input": "ThNzG"
 };
 export {
   new_video_insert_modal_default as default,

package/dist/es/plugin-video/statics/styles/new-video-insert-modal-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-video/statics/styles/new-video-insert-modal.scss"],
-  "sourcesContent": ["var styleDataHash = '44afe0ab';  \nexport const injectCss = (() => {\n  var css = `.rXzZN{--wsr-color-B10:var(--rcp-color-primary)}.rXzZN button:hover{--wsr-color-B10:var(--rcp-color-hover)}.GogQV{--wds-input-value-font-size-medium:14px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"tabs\": \"rXzZN\",\n  \"input\": \"GogQV\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'f029e686';  \nexport const injectCss = (() => {\n  var css = `.rvq9-{--wsr-color-B10:var(--rcp-color-primary)}.rvq9- button:hover{--wsr-color-B10:var(--rcp-color-hover)}.ThNzG{--wds-input-value-font-size-medium:14px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"tabs\": \"rvq9-\",\n  \"input\": \"ThNzG\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,YAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,iCAAQ;AAAA,EACb,QAAQ;AAAA,EACR,SAAS;AACX;",
   "names": []
 }

package/dist/es/plugin-video/statics/styles/video-settings-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "d0a0eccd";
+var styleDataHash = "c42aa8a0";
 const injectCss = () => {
-  var css = `.en3RX,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.BXhKb{width:100%}[dir=ltr] .BXhKb{text-align:left}[dir=rtl] .BXhKb{text-align:right}.BXhKb .D4H6y{box-sizing:border-box;height:calc(100% - 177px);overflow:scroll;position:absolute;top:77px;width:100%}.BXhKb .D4H6y *,.BXhKb .D4H6y :after,.BXhKb .D4H6y :before{box-sizing:inherit}.BXhKb .D4H6y input{box-sizing:border-box}@supports not (contain:inline-size){@media only screen and (max-width:640px){.BXhKb .D4H6y{height:calc(100% - 50px);top:50px}}}@container (width < 640px){.BXhKb .D4H6y{height:calc(100% - 50px);top:50px}}._9fyQe{display:block;height:1px;width:100%}[dir] ._9fyQe{background-color:var(--ricos-settings-dividers-color,#efeff4);margin-top:16px}._0biri{font-size:20px}[dir=ltr] ._0biri{padding:24px 0 0 24px}[dir=rtl] ._0biri{padding:24px 24px 0 0}[dir] .uTX3N{padding:0 24px}[dir=ltr] .Pzyt- .uTX3N{padding-right:18px}[dir=rtl] .Pzyt- .uTX3N{padding-left:18px}._54ehk{align-items:center;display:flex;gap:8px}[dir] ._54ehk{padding-top:20px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] ._54ehk{margin-bottom:12px}}}@container (width < 640px){[dir] ._54ehk{margin-bottom:12px}}._54ehk svg{fill:var(--ricos-settings-icons-color,currentColor);color:var(--ricos-settings-icons-color,currentColor)}[dir] ._54ehk svg{cursor:pointer}`;
+  var css = `.DLB3A,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.MwKpy{width:100%}[dir=ltr] .MwKpy{text-align:left}[dir=rtl] .MwKpy{text-align:right}.MwKpy .Mrt8Q{box-sizing:border-box;height:calc(100% - 177px);overflow:scroll;position:absolute;top:77px;width:100%}.MwKpy .Mrt8Q *,.MwKpy .Mrt8Q :after,.MwKpy .Mrt8Q :before{box-sizing:inherit}.MwKpy .Mrt8Q input{box-sizing:border-box}@supports not (contain:inline-size){@media only screen and (max-width:640px){.MwKpy .Mrt8Q{height:calc(100% - 50px);top:50px}}}@container (width < 640px){.MwKpy .Mrt8Q{height:calc(100% - 50px);top:50px}}.ZdGVH{display:block;height:1px;width:100%}[dir] .ZdGVH{background-color:var(--ricos-settings-dividers-color,#efeff4);margin-top:16px}.zp1p7{font-size:20px}[dir=ltr] .zp1p7{padding:24px 0 0 24px}[dir=rtl] .zp1p7{padding:24px 24px 0 0}[dir] .PXnGN{padding:0 24px}[dir=ltr] .sAscc .PXnGN{padding-right:18px}[dir=rtl] .sAscc .PXnGN{padding-left:18px}.gOhcV{align-items:center;display:flex;gap:8px}[dir] .gOhcV{padding-top:20px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .gOhcV{margin-bottom:12px}}}@container (width < 640px){[dir] .gOhcV{margin-bottom:12px}}.gOhcV svg{fill:var(--ricos-settings-icons-color,currentColor);color:var(--ricos-settings-icons-color,currentColor)}[dir] .gOhcV svg{cursor:pointer}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,14 +21,14 @@ const injectCss = () => {
 };
 injectCss();
 var video_settings_default = {
-  "fontElementMap": "en3RX",
-  "videoSettings": "BXhKb",
-  "videoSettings_scroll_container": "D4H6y",
-  "separator": "_9fyQe",
-  "videoSettingsTitle": "_0biri",
-  "videoSettings_toggleContainer": "uTX3N",
-  "videoSettings_mobile": "Pzyt-",
-  "videoSettings_labeledToggle_withPopover": "_54ehk"
+  "fontElementMap": "DLB3A",
+  "videoSettings": "MwKpy",
+  "videoSettings_scroll_container": "Mrt8Q",
+  "separator": "ZdGVH",
+  "videoSettingsTitle": "zp1p7",
+  "videoSettings_toggleContainer": "PXnGN",
+  "videoSettings_mobile": "sAscc",
+  "videoSettings_labeledToggle_withPopover": "gOhcV"
 };
 export {
   video_settings_default as default,

package/dist/es/plugin-video/statics/styles/video-settings-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-video/statics/styles/video-settings.scss"],
-  "sourcesContent": ["var styleDataHash = 'd0a0eccd';  \nexport const injectCss = (() => {\n  var css = `.en3RX,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.BXhKb{width:100%}[dir=ltr] .BXhKb{text-align:left}[dir=rtl] .BXhKb{text-align:right}.BXhKb .D4H6y{box-sizing:border-box;height:calc(100% - 177px);overflow:scroll;position:absolute;top:77px;width:100%}.BXhKb .D4H6y *,.BXhKb .D4H6y :after,.BXhKb .D4H6y :before{box-sizing:inherit}.BXhKb .D4H6y input{box-sizing:border-box}@supports not (contain:inline-size){@media only screen and (max-width:640px){.BXhKb .D4H6y{height:calc(100% - 50px);top:50px}}}@container (width < 640px){.BXhKb .D4H6y{height:calc(100% - 50px);top:50px}}._9fyQe{display:block;height:1px;width:100%}[dir] ._9fyQe{background-color:var(--ricos-settings-dividers-color,#efeff4);margin-top:16px}._0biri{font-size:20px}[dir=ltr] ._0biri{padding:24px 0 0 24px}[dir=rtl] ._0biri{padding:24px 24px 0 0}[dir] .uTX3N{padding:0 24px}[dir=ltr] .Pzyt- .uTX3N{padding-right:18px}[dir=rtl] .Pzyt- .uTX3N{padding-left:18px}._54ehk{align-items:center;display:flex;gap:8px}[dir] ._54ehk{padding-top:20px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] ._54ehk{margin-bottom:12px}}}@container (width < 640px){[dir] ._54ehk{margin-bottom:12px}}._54ehk svg{fill:var(--ricos-settings-icons-color,currentColor);color:var(--ricos-settings-icons-color,currentColor)}[dir] ._54ehk svg{cursor:pointer}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"fontElementMap\": \"en3RX\",\n  \"videoSettings\": \"BXhKb\",\n  \"videoSettings_scroll_container\": \"D4H6y\",\n  \"separator\": \"_9fyQe\",\n  \"videoSettingsTitle\": \"_0biri\",\n  \"videoSettings_toggleContainer\": \"uTX3N\",\n  \"videoSettings_mobile\": \"Pzyt-\",\n  \"videoSettings_labeledToggle_withPopover\": \"_54ehk\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'c42aa8a0';  \nexport const injectCss = (() => {\n  var css = `.DLB3A,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.MwKpy{width:100%}[dir=ltr] .MwKpy{text-align:left}[dir=rtl] .MwKpy{text-align:right}.MwKpy .Mrt8Q{box-sizing:border-box;height:calc(100% - 177px);overflow:scroll;position:absolute;top:77px;width:100%}.MwKpy .Mrt8Q *,.MwKpy .Mrt8Q :after,.MwKpy .Mrt8Q :before{box-sizing:inherit}.MwKpy .Mrt8Q input{box-sizing:border-box}@supports not (contain:inline-size){@media only screen and (max-width:640px){.MwKpy .Mrt8Q{height:calc(100% - 50px);top:50px}}}@container (width < 640px){.MwKpy .Mrt8Q{height:calc(100% - 50px);top:50px}}.ZdGVH{display:block;height:1px;width:100%}[dir] .ZdGVH{background-color:var(--ricos-settings-dividers-color,#efeff4);margin-top:16px}.zp1p7{font-size:20px}[dir=ltr] .zp1p7{padding:24px 0 0 24px}[dir=rtl] .zp1p7{padding:24px 24px 0 0}[dir] .PXnGN{padding:0 24px}[dir=ltr] .sAscc .PXnGN{padding-right:18px}[dir=rtl] .sAscc .PXnGN{padding-left:18px}.gOhcV{align-items:center;display:flex;gap:8px}[dir] .gOhcV{padding-top:20px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .gOhcV{margin-bottom:12px}}}@container (width < 640px){[dir] .gOhcV{margin-bottom:12px}}.gOhcV svg{fill:var(--ricos-settings-icons-color,currentColor);color:var(--ricos-settings-icons-color,currentColor)}[dir] .gOhcV svg{cursor:pointer}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"fontElementMap\": \"DLB3A\",\n  \"videoSettings\": \"MwKpy\",\n  \"videoSettings_scroll_container\": \"Mrt8Q\",\n  \"separator\": \"ZdGVH\",\n  \"videoSettingsTitle\": \"zp1p7\",\n  \"videoSettings_toggleContainer\": \"PXnGN\",\n  \"videoSettings_mobile\": \"sAscc\",\n  \"videoSettings_labeledToggle_withPopover\": \"gOhcV\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,YAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,yBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kCAAkC;AAAA,EAClC,aAAa;AAAA,EACb,sBAAsB;AAAA,EACtB,iCAAiC;AAAA,EACjC,wBAAwB;AAAA,EACxB,2CAA2C;AAC7C;",
   "names": []
 }

package/dist/es/plugin-video/statics/styles/video-viewer-scss.js

@@ -1,7 +1,7 @@
 var video_viewer_default = {
-  "video_player": "jgUXT",
-  "videoOverlay": "bf8fR",
-  "video_container": "t7oRj"
+  "video_player": "yvu6u",
+  "videoOverlay": "uzoyz",
+  "video_container": "OjsvS"
 };
 export {
   video_viewer_default as default

package/dist/es/plugin-video/statics/styles/video-viewer-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-video/statics/styles/video-viewer.scss"],
-  "sourcesContent": ["export default {\n  \"video_player\": \"jgUXT\",\n  \"videoOverlay\": \"bf8fR\",\n  \"video_container\": \"t7oRj\"\n};"],
+  "sourcesContent": ["export default {\n  \"video_player\": \"yvu6u\",\n  \"videoOverlay\": \"uzoyz\",\n  \"video_container\": \"OjsvS\"\n};"],
   "mappings": "AAAA,IAAO,uBAAQ;AAAA,EACb,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,mBAAmB;AACrB;",
   "names": []
 }

package/dist/es/plugin-video/testkit.js

@@ -4,6 +4,7 @@ import {
   TabsUniDriver,
   ToggleSwitchUniDriver
 } from "@wix/design-system/dist/testkit/unidriver";
+import { createFigureTestkit } from "./../plugin-figure/testkit";
 import { dataHook, RicosPluginToolbarNames } from "./../wix-rich-content-common";
 import { INSERT_PLUGIN_BUTTONS } from "./../editor-common";
 import { createFooterActionsUnidriver } from "./../ui-components/testkit";
@@ -12,15 +13,15 @@ import {
   EMBED_TAB_URL_INPUT,
   INSERT_PLUGIN_MODAL,
   INSERT_PLUGIN_MODAL_TABS,
-  ROOT,
   SETTINGS_ALLOW_DOWNALOD_TOGGLE,
   SETTINGS_SPOILER_TOGGLE,
-  UPLOAD_TAB_UPLOAD_BUTTON
+  UPLOAD_TAB_UPLOAD_BUTTON,
+  VIDEO_ROOT
 } from "./dataHooks";
 import { toolbarsToAddIn } from "./getAddButtons";
 const createVideoTestkit = (getBase) => {
   const getVideo = async (index, options) => {
-    const video = await getBase().getAll(dataHook(ROOT), options);
+    const video = await getBase().getAll(dataHook(VIDEO_ROOT), options);
     return video.at(index);
   };
   const getVideoModalBase = async () => {
@@ -81,7 +82,8 @@ const createVideoTestkit = (getBase) => {
               return false;
             }
           },
-          hasPreview: () => hasPreview(index)
+          hasPreview: () => hasPreview(index),
+          ...createFigureTestkit(getBase, index)
         };
       }
     },