@wix/ricos 10.112.0 → 10.114.0

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\": \"U5BMo\",\n  \"videoOverlay\": \"_5dK9z\",\n  \"video_container\": \"kLbyY\"\n};"],
+  "sourcesContent": ["export default {\n  \"video_player\": \"_7ImM3\",\n  \"videoOverlay\": \"_86RAE\",\n  \"video_container\": \"PZSAB\"\n};"],
   "mappings": "AAAA,IAAO,uBAAQ;AAAA,EACb,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,mBAAmB;AACrB;",
   "names": []
 }

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

@@ -1,6 +1,5 @@
 import { findParentNodeClosestToPos } from "@tiptap/core";
 import { TIPTAP_FIGURE_TYPE, TIPTAP_VIDEO_TYPE } from "./../../ricos-content";
-import { PluginContainerData_Alignment } from "./../../ricos-schema/next-schema";
 import { createRicosNodeExtension } from "./../../plugin-commons";
 import { Video } from "./component";
 const tiptapExtensions = [
@@ -28,18 +27,9 @@ const tiptapExtensions = [
         selectable: true,
         draggable: true,
         addAttributes: () => ({
-          containerData: {
-            alignment: PluginContainerData_Alignment.CENTER,
-            width: {
-              size: null,
-              custom: null
-            },
-            spoiler: { enabled: null, description: null, buttonText: null },
-            height: { custom: null },
-            textWrap: true
-          },
-          video: { src: null, width: null, height: null, duration: null },
-          thumbnail: { src: null, width: null, height: null, duration: null },
+          containerData: null,
+          video: null,
+          thumbnail: null,
           disableDownload: null,
           disableExpand: null,
           title: null,
@@ -47,12 +37,8 @@ const tiptapExtensions = [
           loading: {
             default: false
           },
-          loadingPercentage: {
-            default: null
-          },
-          tempData: {
-            default: null
-          }
+          loadingPercentage: null,
+          tempData: null
         }),
         addKeyboardShortcuts() {
           const newLine = ({ editor }) => {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-video/tiptap/tiptap.ts"],
-  "sourcesContent": ["import { type Editor, findParentNodeClosestToPos } from '@tiptap/core';\n\nimport { TIPTAP_FIGURE_TYPE, TIPTAP_VIDEO_TYPE } from './../../ricos-content';\nimport { PluginContainerData_Alignment } from './../../ricos-schema/next-schema';\nimport type { ExtensionProps, NodeConfig, RicosExtension, RicosServices } from './../../ricos-types';\nimport { createRicosNodeExtension } from './../../plugin-commons';\n\nimport { Video } from './component';\n\nexport const tiptapExtensions = [\n  createRicosNodeExtension({\n    groups: ['spoilerable', 'overlay', 'not-overtypable', 'resizable', 'custom-styles'],\n    type: 'react-node',\n    name: TIPTAP_VIDEO_TYPE,\n    reconfigure: (\n      config: NodeConfig,\n      _extensions: RicosExtension[],\n      _props: ExtensionProps,\n      settings: Record<string, unknown>,\n      services: RicosServices\n    ) => ({\n      ...config,\n      addOptions: () => ({\n        services,\n        ...settings,\n      }),\n    }),\n    Component: Video,\n    createExtensionConfig() {\n      return {\n        name: this.name,\n        /*\n         * Priority should be higher than ricos-common-plugin list-item extension in order\n         * to shortcuts to work\n         */\n        priority: 102,\n        group: 'block figure',\n        selectable: true,\n        draggable: true,\n        addAttributes: () => ({\n          containerData: {\n            alignment: PluginContainerData_Alignment.CENTER,\n            width: {\n              size: null,\n              custom: null,\n            },\n            spoiler: { enabled: null, description: null, buttonText: null },\n            height: { custom: null },\n            textWrap: true,\n          },\n          video: { src: null, width: null, height: null, duration: null },\n          thumbnail: { src: null, width: null, height: null, duration: null },\n          disableDownload: null,\n          disableExpand: null,\n          title: null,\n          options: null,\n\n          loading: {\n            default: false,\n          },\n          loadingPercentage: {\n            default: null,\n          },\n          tempData: {\n            default: null,\n          },\n        }),\n\n        addKeyboardShortcuts() {\n          const newLine = ({ editor }: { editor: Editor }) => {\n            const videoFigure = getVideoFigure(editor);\n            if (!videoFigure) {\n              return false;\n            }\n            editor\n              .chain()\n              .setTextSelection(videoFigure.start + videoFigure.node.nodeSize - 1)\n              .createParagraphNear()\n              .focus()\n              .run();\n            return true;\n          };\n\n          const tiptapKeyboardShortcuts = {\n            Enter: newLine,\n          };\n\n          const newLineShortcuts: any = [];\n          this.options.services.shortcuts.shortcuts.forEach(shortcut => {\n            if (shortcut.shortcut.name === 'NewLine') {\n              newLineShortcuts.push(shortcut);\n            }\n          });\n\n          newLineShortcuts.forEach(newLineShortcut => {\n            const modifier = newLineShortcut.keys.macOs.modifiers[0];\n            const key = newLineShortcut.keys.macOs.key;\n            const shortcutKey = modifier ? `${modifier}-${key}` : key;\n            tiptapKeyboardShortcuts[shortcutKey] = newLine;\n          });\n\n          return tiptapKeyboardShortcuts;\n        },\n\n        addCommands() {\n          return {};\n        },\n      };\n    },\n  }),\n];\n\nconst getVideoFigure = (editor: Editor) =>\n  findParentNodeClosestToPos(\n    editor.state.selection.$from,\n    node => node.type.name === TIPTAP_FIGURE_TYPE\n  );\n"],
-  "mappings": "AAAA,SAAsB,kCAAkC;AAExD,SAAS,oBAAoB,yBAAyB;AACtD,SAAS,qCAAqC;AAE9C,SAAS,gCAAgC;AAEzC,SAAS,aAAa;AAEf,MAAM,mBAAmB;AAAA,EAC9B,yBAAyB;AAAA,IACvB,QAAQ,CAAC,eAAe,WAAW,mBAAmB,aAAa,eAAe;AAAA,IAClF,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa,CACX,QACA,aACA,QACA,UACA,cACI;AAAA,MACJ,GAAG;AAAA,MACH,YAAY,OAAO;AAAA,QACjB;AAAA,QACA,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,WAAW;AAAA,IACX,wBAAwB;AACtB,aAAO;AAAA,QACL,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,QAKX,UAAU;AAAA,QACV,OAAO;AAAA,QACP,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,eAAe,OAAO;AAAA,UACpB,eAAe;AAAA,YACb,WAAW,8BAA8B;AAAA,YACzC,OAAO;AAAA,cACL,MAAM;AAAA,cACN,QAAQ;AAAA,YACV;AAAA,YACA,SAAS,EAAE,SAAS,MAAM,aAAa,MAAM,YAAY,KAAK;AAAA,YAC9D,QAAQ,EAAE,QAAQ,KAAK;AAAA,YACvB,UAAU;AAAA,UACZ;AAAA,UACA,OAAO,EAAE,KAAK,MAAM,OAAO,MAAM,QAAQ,MAAM,UAAU,KAAK;AAAA,UAC9D,WAAW,EAAE,KAAK,MAAM,OAAO,MAAM,QAAQ,MAAM,UAAU,KAAK;AAAA,UAClE,iBAAiB;AAAA,UACjB,eAAe;AAAA,UACf,OAAO;AAAA,UACP,SAAS;AAAA,UAET,SAAS;AAAA,YACP,SAAS;AAAA,UACX;AAAA,UACA,mBAAmB;AAAA,YACjB,SAAS;AAAA,UACX;AAAA,UACA,UAAU;AAAA,YACR,SAAS;AAAA,UACX;AAAA,QACF;AAAA,QAEA,uBAAuB;AACrB,gBAAM,UAAU,CAAC,EAAE,OAAO,MAA0B;AAClD,kBAAM,cAAc,eAAe,MAAM;AACzC,gBAAI,CAAC,aAAa;AAChB,qBAAO;AAAA,YACT;AACA,mBACG,MAAM,EACN,iBAAiB,YAAY,QAAQ,YAAY,KAAK,WAAW,CAAC,EAClE,oBAAoB,EACpB,MAAM,EACN,IAAI;AACP,mBAAO;AAAA,UACT;AAEA,gBAAM,0BAA0B;AAAA,YAC9B,OAAO;AAAA,UACT;AAEA,gBAAM,mBAAwB,CAAC;AAC/B,eAAK,QAAQ,SAAS,UAAU,UAAU,QAAQ,cAAY;AAC5D,gBAAI,SAAS,SAAS,SAAS,WAAW;AACxC,+BAAiB,KAAK,QAAQ;AAAA,YAChC;AAAA,UACF,CAAC;AAED,2BAAiB,QAAQ,qBAAmB;AAC1C,kBAAM,WAAW,gBAAgB,KAAK,MAAM,UAAU,CAAC;AACvD,kBAAM,MAAM,gBAAgB,KAAK,MAAM;AACvC,kBAAM,cAAc,WAAW,GAAG,QAAQ,IAAI,GAAG,KAAK;AACtD,oCAAwB,WAAW,IAAI;AAAA,UACzC,CAAC;AAED,iBAAO;AAAA,QACT;AAAA,QAEA,cAAc;AACZ,iBAAO,CAAC;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEA,MAAM,iBAAiB,CAAC,WACtB;AAAA,EACE,OAAO,MAAM,UAAU;AAAA,EACvB,UAAQ,KAAK,KAAK,SAAS;AAC7B;",
+  "sourcesContent": ["import { type Editor, findParentNodeClosestToPos } from '@tiptap/core';\n\nimport { TIPTAP_FIGURE_TYPE, TIPTAP_VIDEO_TYPE } from './../../ricos-content';\nimport type { ExtensionProps, NodeConfig, RicosExtension, RicosServices } from './../../ricos-types';\nimport { createRicosNodeExtension } from './../../plugin-commons';\n\nimport { Video } from './component';\n\nexport const tiptapExtensions = [\n  createRicosNodeExtension({\n    groups: ['spoilerable', 'overlay', 'not-overtypable', 'resizable', 'custom-styles'],\n    type: 'react-node',\n    name: TIPTAP_VIDEO_TYPE,\n    reconfigure: (\n      config: NodeConfig,\n      _extensions: RicosExtension[],\n      _props: ExtensionProps,\n      settings: Record<string, unknown>,\n      services: RicosServices\n    ) => ({\n      ...config,\n      addOptions: () => ({\n        services,\n        ...settings,\n      }),\n    }),\n    Component: Video,\n    createExtensionConfig() {\n      return {\n        name: this.name,\n        /*\n         * Priority should be higher than ricos-common-plugin list-item extension in order\n         * to shortcuts to work\n         */\n        priority: 102,\n        group: 'block figure',\n        selectable: true,\n        draggable: true,\n        addAttributes: () => ({\n          containerData: null,\n          video: null,\n          thumbnail: null,\n          disableDownload: null,\n          disableExpand: null,\n          title: null,\n          options: null,\n          loading: {\n            default: false,\n          },\n          loadingPercentage: null,\n          tempData: null,\n        }),\n\n        addKeyboardShortcuts() {\n          const newLine = ({ editor }: { editor: Editor }) => {\n            const videoFigure = getVideoFigure(editor);\n            if (!videoFigure) {\n              return false;\n            }\n            editor\n              .chain()\n              .setTextSelection(videoFigure.start + videoFigure.node.nodeSize - 1)\n              .createParagraphNear()\n              .focus()\n              .run();\n            return true;\n          };\n\n          const tiptapKeyboardShortcuts = {\n            Enter: newLine,\n          };\n\n          const newLineShortcuts: any = [];\n          this.options.services.shortcuts.shortcuts.forEach(shortcut => {\n            if (shortcut.shortcut.name === 'NewLine') {\n              newLineShortcuts.push(shortcut);\n            }\n          });\n\n          newLineShortcuts.forEach(newLineShortcut => {\n            const modifier = newLineShortcut.keys.macOs.modifiers[0];\n            const key = newLineShortcut.keys.macOs.key;\n            const shortcutKey = modifier ? `${modifier}-${key}` : key;\n            tiptapKeyboardShortcuts[shortcutKey] = newLine;\n          });\n\n          return tiptapKeyboardShortcuts;\n        },\n\n        addCommands() {\n          return {};\n        },\n      };\n    },\n  }),\n];\n\nconst getVideoFigure = (editor: Editor) =>\n  findParentNodeClosestToPos(\n    editor.state.selection.$from,\n    node => node.type.name === TIPTAP_FIGURE_TYPE\n  );\n"],
+  "mappings": "AAAA,SAAsB,kCAAkC;AAExD,SAAS,oBAAoB,yBAAyB;AAEtD,SAAS,gCAAgC;AAEzC,SAAS,aAAa;AAEf,MAAM,mBAAmB;AAAA,EAC9B,yBAAyB;AAAA,IACvB,QAAQ,CAAC,eAAe,WAAW,mBAAmB,aAAa,eAAe;AAAA,IAClF,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa,CACX,QACA,aACA,QACA,UACA,cACI;AAAA,MACJ,GAAG;AAAA,MACH,YAAY,OAAO;AAAA,QACjB;AAAA,QACA,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,WAAW;AAAA,IACX,wBAAwB;AACtB,aAAO;AAAA,QACL,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,QAKX,UAAU;AAAA,QACV,OAAO;AAAA,QACP,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,eAAe,OAAO;AAAA,UACpB,eAAe;AAAA,UACf,OAAO;AAAA,UACP,WAAW;AAAA,UACX,iBAAiB;AAAA,UACjB,eAAe;AAAA,UACf,OAAO;AAAA,UACP,SAAS;AAAA,UACT,SAAS;AAAA,YACP,SAAS;AAAA,UACX;AAAA,UACA,mBAAmB;AAAA,UACnB,UAAU;AAAA,QACZ;AAAA,QAEA,uBAAuB;AACrB,gBAAM,UAAU,CAAC,EAAE,OAAO,MAA0B;AAClD,kBAAM,cAAc,eAAe,MAAM;AACzC,gBAAI,CAAC,aAAa;AAChB,qBAAO;AAAA,YACT;AACA,mBACG,MAAM,EACN,iBAAiB,YAAY,QAAQ,YAAY,KAAK,WAAW,CAAC,EAClE,oBAAoB,EACpB,MAAM,EACN,IAAI;AACP,mBAAO;AAAA,UACT;AAEA,gBAAM,0BAA0B;AAAA,YAC9B,OAAO;AAAA,UACT;AAEA,gBAAM,mBAAwB,CAAC;AAC/B,eAAK,QAAQ,SAAS,UAAU,UAAU,QAAQ,cAAY;AAC5D,gBAAI,SAAS,SAAS,SAAS,WAAW;AACxC,+BAAiB,KAAK,QAAQ;AAAA,YAChC;AAAA,UACF,CAAC;AAED,2BAAiB,QAAQ,qBAAmB;AAC1C,kBAAM,WAAW,gBAAgB,KAAK,MAAM,UAAU,CAAC;AACvD,kBAAM,MAAM,gBAAgB,KAAK,MAAM;AACvC,kBAAM,cAAc,WAAW,GAAG,QAAQ,IAAI,GAAG,KAAK;AACtD,oCAAwB,WAAW,IAAI;AAAA,UACzC,CAAC;AAED,iBAAO;AAAA,QACT;AAAA,QAEA,cAAc;AACZ,iBAAO,CAAC;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEA,MAAM,iBAAiB,CAAC,WACtB;AAAA,EACE,OAAO,MAAM,UAAU;AAAA,EACvB,UAAQ,KAAK,KAAK,SAAS;AAC7B;",
   "names": []
 }

package/dist/es/plugin-video/tiptap/video-component.js

@@ -3,12 +3,10 @@ import { isFunction } from "lodash";
 import React from "react";
 import { findDOMNode } from "react-dom";
 import { Loader, MediaItemErrorMsg } from "./../../ui-components";
-import generalStyles from "../../editor-common/statics/styles/general-scss";
-import generalRTLIgnoredStyles from "../../wix-rich-content-common/statics/styles/general.rtlignore-scss";
+import { getContainerClasses } from "../../_shared/figure/get-container-classes";
 import { VIDEO_ROOT } from "../dataHooks";
 import styles from "../statics/styles/default-video-styles-scss";
 import { Video } from "../viewer/video";
-const stylesWithRTL = { ...generalStyles, ...generalRTLIgnoredStyles };
 class VideoComponent extends React.Component {
   constructor(props) {
     super(props);
@@ -144,18 +142,6 @@ class VideoComponent extends React.Component {
     );
   }
 }
-const getContainerClasses = (editor, nodeId, isMobile) => {
-  let isFocused = false;
-  const selection = editor.state.selection;
-  editor.state.doc.nodesBetween(selection.from, selection.to, (node) => {
-    node.attrs.id === nodeId && (isFocused = true);
-  });
-  return classNames(stylesWithRTL.pluginContainer, {
-    [stylesWithRTL.pluginContainerMobile]: isMobile,
-    [stylesWithRTL.hasFocus]: isFocused,
-    [stylesWithRTL.hideTextSelection]: !isFocused
-  });
-};
 export {
   VideoComponent
 };

package/dist/es/plugin-video/tiptap/video-component.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-video/tiptap/video-component.tsx"],
-  "sourcesContent": ["import type { Editor } from '@tiptap/core';\nimport classNames from 'classnames';\nimport { isFunction } from 'lodash';\nimport React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport type { MediaUploadError } from './../../ricos-content';\nimport type { VideoData } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { ComponentData, LegacyEditorPluginConfig, TFunction } from './../../ricos-types';\nimport type { ReactPlayer } from './../../wix-react-player';\nimport { Loader, MediaItemErrorMsg } from './../../ui-components';\n\nimport generalStyles from '../../editor-common/statics/styles/general-scss';\nimport generalRTLIgnoredStyles from '../../wix-rich-content-common/statics/styles/general.rtlignore-scss';\nimport { VIDEO_ROOT } from '../dataHooks';\nimport styles from '../statics/styles/default-video-styles-scss';\nimport { Video } from '../viewer/video';\n\nconst stylesWithRTL = { ...generalStyles, ...generalRTLIgnoredStyles };\n\ntype Props = {\n  componentData: VideoData & { error?: MediaUploadError };\n  isLoading: boolean;\n  loadingPercentage?: number;\n  updateAttributes: (componentData: ComponentData) => void;\n  config: LegacyEditorPluginConfig;\n  nodeId: string;\n  t: TFunction;\n  editor: Editor;\n};\n\ninterface State {\n  isLoaded: boolean;\n  iosFixKey: number;\n  shouldRenderDurationFix?: boolean;\n}\n\nexport class VideoComponent extends React.Component<Props, State> {\n  private durationFixTimeoutId: ReturnType<typeof setTimeout> | undefined;\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      isLoaded: false,\n      iosFixKey: 1,\n    };\n  }\n\n  componentDidMount() {\n    this.handlePlayerFocus();\n  }\n\n  componentDidUpdate() {\n    this.handlePlayerFocus();\n  }\n\n  componentWillUnmount(): void {\n    clearTimeout(this.durationFixTimeoutId);\n  }\n\n  handlePlayerFocus() {\n    // eslint-disable-next-line react/no-find-dom-node\n    const element = (findDOMNode(this) as HTMLElement)?.querySelector?.('iframe, video');\n    if (element) {\n      (element as HTMLElement).tabIndex = -1;\n    }\n  }\n\n  handleReady = (player: React.MutableRefObject<ReactPlayer | null>) => {\n    if (!this.state.isLoaded) {\n      this.setState({ isLoaded: true });\n    }\n    this.handleDuration(player);\n  };\n\n  handleDuration = (player: React.MutableRefObject<ReactPlayer | null>) => {\n    setTimeout(() => {\n      const duration = player.current?.getDuration();\n      if (duration) {\n        this.saveDurationToData(duration);\n      } else {\n        this.setState({ shouldRenderDurationFix: true });\n      }\n    }, 3000);\n  };\n\n  renderLoader = () => {\n    const isCustomVideo =\n      'video' in this.props.componentData && !!this.props.componentData.video?.src?.id;\n    return (\n      <div className={styles.videoOverlay}>\n        <Loader\n          type={'medium'}\n          isVerySlowFakeLoader={isCustomVideo}\n          percent={this.props.loadingPercentage}\n          disableProgress={!this.props.isLoading && !this.state.isLoaded}\n        />\n      </div>\n    );\n  };\n\n  saveDurationToData = (duration: number) => {\n    const { componentData, updateAttributes } = this.props;\n    const video = 'video' in componentData ? componentData.video : {};\n    updateAttributes({ ...componentData, video: { ...(video || {}), duration } });\n  };\n\n  renderPlayer = () => {\n    const { componentData, config, nodeId } = this.props;\n    return (\n      <Video\n        componentData={componentData}\n        config={config}\n        onReady={this.handleReady}\n        isLoaded={this.state.isLoaded}\n        key={this.state.iosFixKey}\n        nodeId={nodeId}\n        isLight={false}\n        disabled\n      />\n    );\n  };\n\n  renderPlayerDurationFix = () => {\n    const { componentData, config, nodeId } = this.props;\n\n    const play = (player: React.MutableRefObject<ReactPlayer | null>): boolean => {\n      const internalPlayer = player.current?.getInternalPlayer();\n      if (internalPlayer && 'play' in internalPlayer && isFunction(internalPlayer.play)) {\n        internalPlayer.play();\n        return true;\n      }\n\n      return false;\n    };\n\n    // In some instances the video doesn't completely load, and we don't get its duration. This is a fix for that. (happens in facebook)\n    const onReady = (player: React.MutableRefObject<ReactPlayer | null>) => {\n      const hasPlayed = play(player);\n      if (hasPlayed) {\n        return;\n      }\n      // try again, sometimes it takes a while\n      this.durationFixTimeoutId = setTimeout(() => {\n        play(player);\n      }, 10000);\n    };\n\n    return (\n      <div className={styles.hide_duration}>\n        <Video\n          componentData={componentData}\n          config={config}\n          onReady={onReady}\n          isLight={false}\n          onDuration={duration => {\n            this.setState({ shouldRenderDurationFix: false });\n            this.saveDurationToData(duration);\n            clearTimeout(this.durationFixTimeoutId);\n          }}\n          nodeId={nodeId}\n          muted\n        />\n      </div>\n    );\n  };\n\n  render() {\n    const {\n      t,\n      componentData: { error },\n      isLoading,\n    } = this.props;\n    const { isLoaded, shouldRenderDurationFix } = this.state;\n    const loading = isLoading || !isLoaded;\n\n    return (\n      <div\n        data-hook={VIDEO_ROOT}\n        className={classNames(\n          styles.video_container,\n          getContainerClasses(this.props.editor, this.props.nodeId, false)\n        )}\n        draggable\n        data-drag-handle\n      >\n        <div className={styles.video_overlay} />\n        {this.renderPlayer()}\n        {shouldRenderDurationFix ? this.renderPlayerDurationFix() : null}\n        {loading && !error && this.renderLoader()}\n        {error && <MediaItemErrorMsg error={error} t={t} />}\n      </div>\n    );\n  }\n}\n\nconst getContainerClasses = (editor: Editor, nodeId: string, isMobile: boolean) => {\n  let isFocused = false;\n  const selection = editor.state.selection;\n  editor.state.doc.nodesBetween(selection.from, selection.to, node => {\n    node.attrs.id === nodeId && (isFocused = true);\n  });\n\n  return classNames(stylesWithRTL.pluginContainer, {\n    [stylesWithRTL.pluginContainerMobile]: isMobile,\n    [stylesWithRTL.hasFocus]: isFocused,\n    [stylesWithRTL.hideTextSelection]: !isFocused,\n  });\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { Editor } from '@tiptap/core';\nimport classNames from 'classnames';\nimport { isFunction } from 'lodash';\nimport React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport type { MediaUploadError } from './../../ricos-content';\nimport type { VideoData } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { ComponentData, LegacyEditorPluginConfig, TFunction } from './../../ricos-types';\nimport type { ReactPlayer } from './../../wix-react-player';\nimport { Loader, MediaItemErrorMsg } from './../../ui-components';\n\nimport { getContainerClasses } from '../../_shared/figure/get-container-classes';\nimport { VIDEO_ROOT } from '../dataHooks';\nimport styles from '../statics/styles/default-video-styles-scss';\nimport { Video } from '../viewer/video';\n\ntype Props = {\n  componentData: VideoData & { error?: MediaUploadError };\n  isLoading: boolean;\n  loadingPercentage?: number;\n  updateAttributes: (componentData: ComponentData) => void;\n  config: LegacyEditorPluginConfig;\n  nodeId: string;\n  t: TFunction;\n  editor: Editor;\n};\n\ninterface State {\n  isLoaded: boolean;\n  iosFixKey: number;\n  shouldRenderDurationFix?: boolean;\n}\n\nexport class VideoComponent extends React.Component<Props, State> {\n  private durationFixTimeoutId: ReturnType<typeof setTimeout> | undefined;\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      isLoaded: false,\n      iosFixKey: 1,\n    };\n  }\n\n  componentDidMount() {\n    this.handlePlayerFocus();\n  }\n\n  componentDidUpdate() {\n    this.handlePlayerFocus();\n  }\n\n  componentWillUnmount(): void {\n    clearTimeout(this.durationFixTimeoutId);\n  }\n\n  handlePlayerFocus() {\n    // eslint-disable-next-line react/no-find-dom-node\n    const element = (findDOMNode(this) as HTMLElement)?.querySelector?.('iframe, video');\n    if (element) {\n      (element as HTMLElement).tabIndex = -1;\n    }\n  }\n\n  handleReady = (player: React.MutableRefObject<ReactPlayer | null>) => {\n    if (!this.state.isLoaded) {\n      this.setState({ isLoaded: true });\n    }\n    this.handleDuration(player);\n  };\n\n  handleDuration = (player: React.MutableRefObject<ReactPlayer | null>) => {\n    setTimeout(() => {\n      const duration = player.current?.getDuration();\n      if (duration) {\n        this.saveDurationToData(duration);\n      } else {\n        this.setState({ shouldRenderDurationFix: true });\n      }\n    }, 3000);\n  };\n\n  renderLoader = () => {\n    const isCustomVideo =\n      'video' in this.props.componentData && !!this.props.componentData.video?.src?.id;\n    return (\n      <div className={styles.videoOverlay}>\n        <Loader\n          type={'medium'}\n          isVerySlowFakeLoader={isCustomVideo}\n          percent={this.props.loadingPercentage}\n          disableProgress={!this.props.isLoading && !this.state.isLoaded}\n        />\n      </div>\n    );\n  };\n\n  saveDurationToData = (duration: number) => {\n    const { componentData, updateAttributes } = this.props;\n    const video = 'video' in componentData ? componentData.video : {};\n    updateAttributes({ ...componentData, video: { ...(video || {}), duration } });\n  };\n\n  renderPlayer = () => {\n    const { componentData, config, nodeId } = this.props;\n    return (\n      <Video\n        componentData={componentData}\n        config={config}\n        onReady={this.handleReady}\n        isLoaded={this.state.isLoaded}\n        key={this.state.iosFixKey}\n        nodeId={nodeId}\n        isLight={false}\n        disabled\n      />\n    );\n  };\n\n  renderPlayerDurationFix = () => {\n    const { componentData, config, nodeId } = this.props;\n\n    const play = (player: React.MutableRefObject<ReactPlayer | null>): boolean => {\n      const internalPlayer = player.current?.getInternalPlayer();\n      if (internalPlayer && 'play' in internalPlayer && isFunction(internalPlayer.play)) {\n        internalPlayer.play();\n        return true;\n      }\n\n      return false;\n    };\n\n    // In some instances the video doesn't completely load, and we don't get its duration. This is a fix for that. (happens in facebook)\n    const onReady = (player: React.MutableRefObject<ReactPlayer | null>) => {\n      const hasPlayed = play(player);\n      if (hasPlayed) {\n        return;\n      }\n      // try again, sometimes it takes a while\n      this.durationFixTimeoutId = setTimeout(() => {\n        play(player);\n      }, 10000);\n    };\n\n    return (\n      <div className={styles.hide_duration}>\n        <Video\n          componentData={componentData}\n          config={config}\n          onReady={onReady}\n          isLight={false}\n          onDuration={duration => {\n            this.setState({ shouldRenderDurationFix: false });\n            this.saveDurationToData(duration);\n            clearTimeout(this.durationFixTimeoutId);\n          }}\n          nodeId={nodeId}\n          muted\n        />\n      </div>\n    );\n  };\n\n  render() {\n    const {\n      t,\n      componentData: { error },\n      isLoading,\n    } = this.props;\n    const { isLoaded, shouldRenderDurationFix } = this.state;\n    const loading = isLoading || !isLoaded;\n\n    return (\n      <div\n        data-hook={VIDEO_ROOT}\n        className={classNames(\n          styles.video_container,\n          getContainerClasses(this.props.editor, this.props.nodeId, false)\n        )}\n        draggable\n        data-drag-handle\n      >\n        <div className={styles.video_overlay} />\n        {this.renderPlayer()}\n        {shouldRenderDurationFix ? this.renderPlayerDurationFix() : null}\n        {loading && !error && this.renderLoader()}\n        {error && <MediaItemErrorMsg error={error} t={t} />}\n      </div>\n    );\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/es/plugin-video/viewer/nodeViewRenderers-loadable.js

@@ -2,12 +2,11 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 var _nodeViewRenderers;
 var _excluded = ["node", "nodeIndex", "NodeViewContainer"],
-  _excluded2 = ["node"],
-  _excluded3 = ["node", "nodeIndex", "NodeViewContainer"],
-  _excluded4 = ["node"];
+  _excluded2 = ["node"];
 import loadable from "@loadable/component";
 import React, { useMemo } from "react";
 import { Node_Type } from "./../../ricos-types";
+import { CaptionLoadable } from "../../_shared/figure/caption-renderer-loadable";
 var VideoRenderer = function VideoRenderer(_ref) {
   var node = _ref.node,
     nodeIndex = _ref.nodeIndex,
@@ -70,68 +69,5 @@ var VideoLoadable = function VideoLoadable(_ref2) {
     node: node
   }, props));
 };
-var CaptionRenderer = function CaptionRenderer(_ref3) {
-  var node = _ref3.node,
-    nodeIndex = _ref3.nodeIndex,
-    NodeViewContainer = _ref3.NodeViewContainer,
-    props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
-  var ImageCaption = useMemo(function () {
-    return loadable({
-      resolved: {},
-      chunkName: function chunkName() {
-        return "ricos_plugin_image_caption";
-      },
-      isReady: function isReady(props) {
-        var key = this.resolve(props);
-        if (this.resolved[key] !== true) {
-          return false;
-        }
-        if (typeof __webpack_modules__ !== 'undefined') {
-          return !!__webpack_modules__[key];
-        }
-        return false;
-      },
-      importAsync: function importAsync() {
-        return import(/* webpackChunkName: "ricos_plugin_image_caption" */"../../plugin-figure/viewer/viewer-caption-loadable");
-      },
-      requireAsync: function requireAsync(props) {
-        var _this = this;
-        var key = this.resolve(props);
-        this.resolved[key] = false;
-        return this.importAsync(props).then(function (resolved) {
-          _this.resolved[key] = true;
-          return resolved;
-        });
-      },
-      requireSync: function requireSync(props) {
-        var id = this.resolve(props);
-        if (typeof __webpack_require__ !== 'undefined') {
-          return __webpack_require__(id);
-        }
-        return eval('module.require')(id);
-      },
-      resolve: function resolve() {
-        if (require.resolveWeak) {
-          return require.resolveWeak("../../plugin-figure/viewer/viewer-caption-loadable");
-        }
-        return eval('require.resolve')("../../plugin-figure/viewer/viewer-caption-loadable");
-      }
-    });
-  }, []);
-  return /* @__PURE__ */React.createElement(ImageCaption, _extends({
-    key: node.id,
-    node: node,
-    nodeIndex: nodeIndex,
-    NodeViewContainer: NodeViewContainer
-  }, props));
-};
-var CaptionLoadable = function CaptionLoadable(_ref4) {
-  var node = _ref4.node,
-    props = _objectWithoutPropertiesLoose(_ref4, _excluded4);
-  return /* @__PURE__ */React.createElement(CaptionRenderer, _extends({
-    key: node.id,
-    node: node
-  }, props));
-};
 var nodeViewRenderers = (_nodeViewRenderers = {}, _nodeViewRenderers[Node_Type.VIDEO] = VideoLoadable, _nodeViewRenderers[Node_Type.CAPTION] = CaptionLoadable, _nodeViewRenderers);
 export { nodeViewRenderers };

package/dist/es/plugin-video/viewer/nodeViewRenderers-loadable.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-video/viewer/nodeViewRenderers-loadable.tsx"],
-  "sourcesContent": ["import loadable from '@loadable/component';\nimport type { FC } from 'react';\nimport React, { useMemo } from 'react';\n\nimport type { NodeViewRendererProps, NodeViewRenderers } from './../../ricos-types';\nimport { Node_Type } from './../../ricos-types';\n\nconst VideoRenderer: FC<NodeViewRendererProps> = ({\n  node,\n  nodeIndex,\n  NodeViewContainer,\n  ...props\n}: NodeViewRendererProps) => {\n  const Video = useMemo(\n    () => loadable(() => import(/* webpackChunkName: \"ricos_plugin_video\" */ './viewer-video')),\n    []\n  );\n  return (\n    <Video node={node} nodeIndex={nodeIndex} NodeViewContainer={NodeViewContainer} {...props} />\n  );\n};\n\nconst VideoLoadable = ({ node, ...props }: NodeViewRendererProps) => {\n  return <VideoRenderer key={node.id} node={node} {...props} />;\n};\n\nconst CaptionRenderer: FC<NodeViewRendererProps> = ({\n  node,\n  nodeIndex,\n  NodeViewContainer,\n  ...props\n}) => {\n  const ImageCaption = useMemo(\n    () =>\n      loadable(\n        () =>\n          import(\n            /* webpackChunkName: \"ricos_plugin_image_caption\" */ '../../plugin-figure/viewer/viewer-caption'\n          )\n      ),\n    []\n  );\n  return (\n    <ImageCaption\n      key={node.id}\n      node={node}\n      nodeIndex={nodeIndex}\n      NodeViewContainer={NodeViewContainer}\n      {...props}\n    />\n  );\n};\n\nconst CaptionLoadable = ({ node, ...props }: NodeViewRendererProps) => {\n  return <CaptionRenderer key={node.id} node={node} {...props} />;\n};\n\nexport const nodeViewRenderers: NodeViewRenderers = {\n  [Node_Type.VIDEO]: VideoLoadable,\n  [Node_Type.CAPTION]: CaptionLoadable,\n};\n"],
-  "mappings": "AAAA,OAAO,cAAc;AAErB,OAAO,SAAS,eAAe;AAG/B,SAAS,iBAAiB;AAE1B,MAAM,gBAA2C,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA6B;AAC3B,QAAM,QAAQ;AAAA,IACZ,MAAM,SAAS,MAAM;AAAA;AAAA,MAAoD;AAAA,IAAgB,CAAC;AAAA,IAC1F,CAAC;AAAA,EACH;AACA,SACE,oCAAC,SAAM,MAAY,WAAsB,mBAAuC,GAAG,OAAO;AAE9F;AAEA,MAAM,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,MAA6B;AACnE,SAAO,oCAAC,iBAAc,KAAK,KAAK,IAAI,MAAa,GAAG,OAAO;AAC7D;AAEA,MAAM,kBAA6C,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,eAAe;AAAA,IACnB,MACE;AAAA,MACE,MACE;AAAA;AAAA,QACuD;AAAA,MACvD;AAAA,IACJ;AAAA,IACF,CAAC;AAAA,EACH;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,KAAK;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,MAAM,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,MAA6B;AACrE,SAAO,oCAAC,mBAAgB,KAAK,KAAK,IAAI,MAAa,GAAG,OAAO;AAC/D;AAEO,MAAM,oBAAuC;AAAA,EAClD,CAAC,UAAU,KAAK,GAAG;AAAA,EACnB,CAAC,UAAU,OAAO,GAAG;AACvB;",
+  "sourcesContent": ["import loadable from '@loadable/component';\nimport type { FC } from 'react';\nimport React, { useMemo } from 'react';\n\nimport type { NodeViewRendererProps, NodeViewRenderers } from './../../ricos-types';\nimport { Node_Type } from './../../ricos-types';\n\nimport { CaptionLoadable } from '../../_shared/figure/caption-renderer-loadable';\n\nconst VideoRenderer: FC<NodeViewRendererProps> = ({\n  node,\n  nodeIndex,\n  NodeViewContainer,\n  ...props\n}: NodeViewRendererProps) => {\n  const Video = useMemo(\n    () => loadable(() => import(/* webpackChunkName: \"ricos_plugin_video\" */ './viewer-video')),\n    []\n  );\n  return (\n    <Video node={node} nodeIndex={nodeIndex} NodeViewContainer={NodeViewContainer} {...props} />\n  );\n};\n\nconst VideoLoadable = ({ node, ...props }: NodeViewRendererProps) => {\n  return <VideoRenderer key={node.id} node={node} {...props} />;\n};\n\nexport const nodeViewRenderers: NodeViewRenderers = {\n  [Node_Type.VIDEO]: VideoLoadable,\n  [Node_Type.CAPTION]: CaptionLoadable,\n};\n"],
+  "mappings": "AAAA,OAAO,cAAc;AAErB,OAAO,SAAS,eAAe;AAG/B,SAAS,iBAAiB;AAE1B,SAAS,uBAAuB;AAEhC,MAAM,gBAA2C,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA6B;AAC3B,QAAM,QAAQ;AAAA,IACZ,MAAM,SAAS,MAAM;AAAA;AAAA,MAAoD;AAAA,IAAgB,CAAC;AAAA,IAC1F,CAAC;AAAA,EACH;AACA,SACE,oCAAC,SAAM,MAAY,WAAsB,mBAAuC,GAAG,OAAO;AAE9F;AAEA,MAAM,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,MAA6B;AACnE,SAAO,oCAAC,iBAAc,KAAK,KAAK,IAAI,MAAa,GAAG,OAAO;AAC7D;AAEO,MAAM,oBAAuC;AAAA,EAClD,CAAC,UAAU,KAAK,GAAG;AAAA,EACnB,CAAC,UAAU,OAAO,GAAG;AACvB;",
   "names": []
 }

package/dist/es/plugin-video/viewer/nodeViewRenderers.js

@@ -1,5 +1,5 @@
 import { Node_Type } from "./../../ricos-types";
-import Caption from "../../plugin-figure/viewer/viewer-caption";
+import Caption from "../../_shared/figure/viewer-caption";
 import Video from "./viewer-video";
 const nodeViewRenderers = {
   [Node_Type.VIDEO]: Video,

package/dist/es/plugin-video/viewer/nodeViewRenderers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-video/viewer/nodeViewRenderers.ts"],
-  "sourcesContent": ["import type { NodeViewRenderers } from './../../ricos-types';\nimport { Node_Type } from './../../ricos-types';\n\nimport Caption from '../../plugin-figure/viewer/viewer-caption';\nimport Video from './viewer-video';\n\nexport const nodeViewRenderers: NodeViewRenderers = {\n  [Node_Type.VIDEO]: Video,\n  [Node_Type.CAPTION]: Caption,\n};\n"],
+  "sourcesContent": ["import type { NodeViewRenderers } from './../../ricos-types';\nimport { Node_Type } from './../../ricos-types';\n\nimport Caption from '../../_shared/figure/viewer-caption';\nimport Video from './viewer-video';\n\nexport const nodeViewRenderers: NodeViewRenderers = {\n  [Node_Type.VIDEO]: Video,\n  [Node_Type.CAPTION]: Caption,\n};\n"],
   "mappings": "AACA,SAAS,iBAAiB;AAE1B,OAAO,aAAa;AACpB,OAAO,WAAW;AAEX,MAAM,oBAAuC;AAAA,EAClD,CAAC,UAAU,KAAK,GAAG;AAAA,EACnB,CAAC,UAAU,OAAO,GAAG;AACvB;",
   "names": []
 }

package/dist/es/plugin-video/viewer/viewer-video-loadable.js

@@ -1,6 +1,6 @@
 import React, { useContext } from "react";
 import { RicosViewerContext } from "./../../ricos-context";
-import { ViewerFigure } from "../../plugin-figure/viewer/viewer-figure";
+import { ViewerFigure } from "../../_shared/figure/viewer-figure";
 import { VIDEO_ROOT } from "../dataHooks";
 import styles from "../statics/styles/video-viewer-scss";
 import { VIDEO_TYPE } from "../types";

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

@@ -1,6 +1,6 @@
 import React, { useContext } from "react";
 import { RicosViewerContext } from "./../../ricos-context";
-import { ViewerFigure } from "../../plugin-figure/viewer/viewer-figure";
+import { ViewerFigure } from "../../_shared/figure/viewer-figure";
 import { VIDEO_ROOT } from "../dataHooks";
 import styles from "../statics/styles/video-viewer-scss";
 import { VIDEO_TYPE } from "../types";

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

@@ -1,7 +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"],
+  "sourcesContent": ["import React, { useContext } from 'react';\n\nimport { RicosViewerContext } from './../../ricos-context';\nimport type { NodeViewRenderer, NodeViewRendererProps } from './../../ricos-types';\n\nimport { ViewerFigure } from '../../_shared/figure/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,OAAO,SAAS,kBAAkB;AAElC,SAAS,0BAA0B;AAGnC,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,OAAO,YAAY;AACnB,SAAS,kBAAkB;AAC3B,SAAS,aAAa;AAEtB,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAC3B,QAAM,EAAE,SAAS,OAAO,IAAI,WAAW,kBAAkB;AACzD,QAAM,EAAE,UAAU,IAAI;AAEtB,MAAI,CAAC,WAAW;AACd,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEA,oCAAC,SAAI,WAAW,OAAO,iBAAiB,aAAW,cACjD;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,OAAO,UAAU,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,oCAAC,eAAY,KAAK,KAAK,IAAI,MAAa,GAAG,OAAO;AAC3D;AAEA,IAAO,uBAAQ;",
   "names": []
 }

package/dist/es/plugin-video/viewer-styles-inject.js

@@ -1,6 +1,6 @@
-var styleDataHash = 'e565a934';  
+var styleDataHash = '5ff44248';  
 export const injectCss = (() => {
-  var css = `.U5BMo{height:100%;position:absolute;top:0;width:100%;z-index:0}[dir] .U5BMo{border:0}[dir=ltr] .U5BMo{left:0}[dir=rtl] .U5BMo{right:0}._5dK9z{bottom:0;position:absolute;top:0;z-index:3}[dir=ltr] ._5dK9z,[dir=rtl] ._5dK9z{left:0;right:0}.kLbyY{height:0;position:relative}[dir] .kLbyY{padding-bottom:56.25%}@supports not (contain:inline-size){@media only screen and (max-width:640px){.kLbyY{min-width:auto}}}@container (width < 640px){.kLbyY{min-width:auto}}.glob_fontElementMap,.wn3kv{font-family:var(--ricos-font-family,unset)}.vEdwH{--ricos-custom-p-font-size:14px;color:var(--ricos-custom-p-color,unset);display:block;font-family:var(--ricos-custom-p-font-family,unset);font-size:var(--ricos-custom-p-font-size,unset);font-style:var(--ricos-custom-p-font-style,unset);font-weight:var(--ricos-custom-p-font-weight,unset);justify-content:center;line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);padding-inline:16px;text-align:center;text-decoration:var(--ricos-custom-p-text-decoration,unset)}.vEdwH>span>a,.vEdwH>span>span{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.vEdwH{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){.vEdwH{font-size:var(--ricos-custom-p-font-size,unset)}}.rueY7{margin:12px 0}`;
+  var css = `._7ImM3{height:100%;position:absolute;top:0;width:100%;z-index:0}[dir] ._7ImM3{border:0}[dir=ltr] ._7ImM3{left:0}[dir=rtl] ._7ImM3{right:0}._86RAE{bottom:0;position:absolute;top:0;z-index:3}[dir=ltr] ._86RAE,[dir=rtl] ._86RAE{left:0;right:0}.PZSAB{height:0;position:relative}[dir] .PZSAB{padding-bottom:56.25%}@supports not (contain:inline-size){@media only screen and (max-width:640px){.PZSAB{min-width:auto}}}@container (width < 640px){.PZSAB{min-width:auto}}.B5dWr{margin:12px 0}.D4bbM,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.cP2-F{--ricos-custom-p-font-size:14px;color:var(--ricos-custom-p-color,unset);display:block;font-family:var(--ricos-custom-p-font-family,unset);font-size:var(--ricos-custom-p-font-size,unset);font-style:var(--ricos-custom-p-font-style,unset);font-weight:var(--ricos-custom-p-font-weight,unset);justify-content:center;line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);padding-inline:16px;text-align:center;text-decoration:var(--ricos-custom-p-text-decoration,unset)}.cP2-F>span>a,.cP2-F>span>span{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.cP2-F{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){.cP2-F{font-size:var(--ricos-custom-p-font-size,unset)}}`;
   var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';
 
   if (isTest || !css || typeof document === 'undefined') { return; }

package/dist/es/ricos-common-plugins/blockquote/blockquote.js

@@ -1,6 +1,7 @@
+import { QuoteSmall } from "@wix/wix-ui-icons-common";
 import { BLOCKQUOTE } from "./../../ricos-content";
 import { Node_Type } from "./../../ricos-schema/legacy/wix/rich_content/v1";
-import { createShortcut } from "./../../ricos-types";
+import { createShortcut, quickActionsModalSections } from "./../../ricos-types";
 import { RESOLVERS_IDS } from "./../../toolbars-v3/lib/resolvers-ids";
 import { blockquoteConverter } from "./blockquote-converter";
 import BlockQuoteIcon from "./BlockQuoteIcon";
@@ -43,6 +44,15 @@ const pluginBlockquote = {
         return true;
       }
     }
+  ],
+  getQuickActions: () => [
+    {
+      id: "blockquote",
+      title: "QuickActionsPlugin_ActionTitle_Quote",
+      icon: QuoteSmall,
+      section: quickActionsModalSections.FormatLayout,
+      command: ({ editorCommands }) => editorCommands.setBlockType(BLOCKQUOTE)
+    }
   ]
 };
 export {

package/dist/es/ricos-common-plugins/blockquote/blockquote.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-common-plugins/blockquote/blockquote.ts"],
-  "sourcesContent": ["import { BLOCKQUOTE } from './../../ricos-content';\nimport { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { TiptapEditorPlugin } from './../../ricos-types';\nimport { createShortcut } from './../../ricos-types';\nimport { RESOLVERS_IDS } from './../../toolbars-v3/lib/resolvers-ids';\n\nimport { blockquoteConverter } from './blockquote-converter';\nimport BlockQuoteIcon from './BlockQuoteIcon';\nimport { BLOCKQUOTE_BUTTON_DATA_HOOK } from './data-hooks';\nimport { blockquote } from './extension';\n\nexport const pluginBlockquote: TiptapEditorPlugin = {\n  type: Node_Type.BLOCKQUOTE,\n  config: {},\n  pmMarkConverters: [],\n  pmNodeConverters: [blockquoteConverter],\n  tiptapExtensions: [blockquote],\n  shortcuts: [\n    createShortcut({\n      name: Node_Type.BLOCKQUOTE,\n      description: 'ShortcutsSheet_Formatting_Quote',\n      keys: { macOs: 'Meta+Shift+9', windows: 'Ctrl+Shift+9' },\n      command({ editorCommands }) {\n        editorCommands.setBlockType(BLOCKQUOTE);\n      },\n      group: 'ShortcutsSheet_Section_Formatting',\n      enabled: true,\n    }),\n  ],\n  textButtons: [\n    {\n      id: Node_Type.BLOCKQUOTE,\n      type: 'toggle',\n      presentation: {\n        dataHook: BLOCKQUOTE_BUTTON_DATA_HOOK,\n        tooltip: 'QuoteButton_Tooltip',\n        icon: BlockQuoteIcon,\n      },\n      attributes: {\n        visible: RESOLVERS_IDS.ALWAYS_VISIBLE,\n        active: RESOLVERS_IDS.IS_TEXT_CONTAINS_QUOTE,\n        disabled: RESOLVERS_IDS.IS_NODE_OR_CAPTION_SELECTED,\n      },\n      command:\n        ({ editorCommands }) =>\n        () => {\n          editorCommands.setBlockType(BLOCKQUOTE);\n          return true;\n        },\n    },\n  ],\n};\n"],
-  "mappings": "AAAA,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAE1B,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAE9B,SAAS,2BAA2B;AACpC,OAAO,oBAAoB;AAC3B,SAAS,mCAAmC;AAC5C,SAAS,kBAAkB;AAEpB,MAAM,mBAAuC;AAAA,EAClD,MAAM,UAAU;AAAA,EAChB,QAAQ,CAAC;AAAA,EACT,kBAAkB,CAAC;AAAA,EACnB,kBAAkB,CAAC,mBAAmB;AAAA,EACtC,kBAAkB,CAAC,UAAU;AAAA,EAC7B,WAAW;AAAA,IACT,eAAe;AAAA,MACb,MAAM,UAAU;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,EAAE,OAAO,gBAAgB,SAAS,eAAe;AAAA,MACvD,QAAQ,EAAE,eAAe,GAAG;AAC1B,uBAAe,aAAa,UAAU;AAAA,MACxC;AAAA,MACA,OAAO;AAAA,MACP,SAAS;AAAA,IACX,CAAC;AAAA,EACH;AAAA,EACA,aAAa;AAAA,IACX;AAAA,MACE,IAAI,UAAU;AAAA,MACd,MAAM;AAAA,MACN,cAAc;AAAA,QACZ,UAAU;AAAA,QACV,SAAS;AAAA,QACT,MAAM;AAAA,MACR;AAAA,MACA,YAAY;AAAA,QACV,SAAS,cAAc;AAAA,QACvB,QAAQ,cAAc;AAAA,QACtB,UAAU,cAAc;AAAA,MAC1B;AAAA,MACA,SACE,CAAC,EAAE,eAAe,MAClB,MAAM;AACJ,uBAAe,aAAa,UAAU;AACtC,eAAO;AAAA,MACT;AAAA,IACJ;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { QuoteSmall } from '@wix/wix-ui-icons-common';\n\nimport { BLOCKQUOTE } from './../../ricos-content';\nimport { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { TiptapEditorPlugin } from './../../ricos-types';\nimport { createShortcut, quickActionsModalSections } from './../../ricos-types';\nimport { RESOLVERS_IDS } from './../../toolbars-v3/lib/resolvers-ids';\n\nimport { blockquoteConverter } from './blockquote-converter';\nimport BlockQuoteIcon from './BlockQuoteIcon';\nimport { BLOCKQUOTE_BUTTON_DATA_HOOK } from './data-hooks';\nimport { blockquote } from './extension';\n\nexport const pluginBlockquote: TiptapEditorPlugin = {\n  type: Node_Type.BLOCKQUOTE,\n  config: {},\n  pmMarkConverters: [],\n  pmNodeConverters: [blockquoteConverter],\n  tiptapExtensions: [blockquote],\n  shortcuts: [\n    createShortcut({\n      name: Node_Type.BLOCKQUOTE,\n      description: 'ShortcutsSheet_Formatting_Quote',\n      keys: { macOs: 'Meta+Shift+9', windows: 'Ctrl+Shift+9' },\n      command({ editorCommands }) {\n        editorCommands.setBlockType(BLOCKQUOTE);\n      },\n      group: 'ShortcutsSheet_Section_Formatting',\n      enabled: true,\n    }),\n  ],\n  textButtons: [\n    {\n      id: Node_Type.BLOCKQUOTE,\n      type: 'toggle',\n      presentation: {\n        dataHook: BLOCKQUOTE_BUTTON_DATA_HOOK,\n        tooltip: 'QuoteButton_Tooltip',\n        icon: BlockQuoteIcon,\n      },\n      attributes: {\n        visible: RESOLVERS_IDS.ALWAYS_VISIBLE,\n        active: RESOLVERS_IDS.IS_TEXT_CONTAINS_QUOTE,\n        disabled: RESOLVERS_IDS.IS_NODE_OR_CAPTION_SELECTED,\n      },\n      command:\n        ({ editorCommands }) =>\n        () => {\n          editorCommands.setBlockType(BLOCKQUOTE);\n          return true;\n        },\n    },\n  ],\n  getQuickActions: () => [\n    {\n      id: 'blockquote',\n      title: 'QuickActionsPlugin_ActionTitle_Quote',\n      icon: QuoteSmall,\n      section: quickActionsModalSections.FormatLayout,\n      command: ({ editorCommands }) => editorCommands.setBlockType(BLOCKQUOTE),\n    },\n  ],\n};\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAE3B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAE1B,SAAS,gBAAgB,iCAAiC;AAC1D,SAAS,qBAAqB;AAE9B,SAAS,2BAA2B;AACpC,OAAO,oBAAoB;AAC3B,SAAS,mCAAmC;AAC5C,SAAS,kBAAkB;AAEpB,MAAM,mBAAuC;AAAA,EAClD,MAAM,UAAU;AAAA,EAChB,QAAQ,CAAC;AAAA,EACT,kBAAkB,CAAC;AAAA,EACnB,kBAAkB,CAAC,mBAAmB;AAAA,EACtC,kBAAkB,CAAC,UAAU;AAAA,EAC7B,WAAW;AAAA,IACT,eAAe;AAAA,MACb,MAAM,UAAU;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,EAAE,OAAO,gBAAgB,SAAS,eAAe;AAAA,MACvD,QAAQ,EAAE,eAAe,GAAG;AAC1B,uBAAe,aAAa,UAAU;AAAA,MACxC;AAAA,MACA,OAAO;AAAA,MACP,SAAS;AAAA,IACX,CAAC;AAAA,EACH;AAAA,EACA,aAAa;AAAA,IACX;AAAA,MACE,IAAI,UAAU;AAAA,MACd,MAAM;AAAA,MACN,cAAc;AAAA,QACZ,UAAU;AAAA,QACV,SAAS;AAAA,QACT,MAAM;AAAA,MACR;AAAA,MACA,YAAY;AAAA,QACV,SAAS,cAAc;AAAA,QACvB,QAAQ,cAAc;AAAA,QACtB,UAAU,cAAc;AAAA,MAC1B;AAAA,MACA,SACE,CAAC,EAAE,eAAe,MAClB,MAAM;AACJ,uBAAe,aAAa,UAAU;AACtC,eAAO;AAAA,MACT;AAAA,IACJ;AAAA,EACF;AAAA,EACA,iBAAiB,MAAM;AAAA,IACrB;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS,0BAA0B;AAAA,MACnC,SAAS,CAAC,EAAE,eAAe,MAAM,eAAe,aAAa,UAAU;AAAA,IACzE;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/es/ricos-common-plugins/blockquote/extension.js

@@ -3,7 +3,6 @@ import { Decoration, DecorationSet } from "@tiptap/pm/view";
 import classNames from "classnames";
 import { generateId } from "./../../ricos-content";
 import { Node_Type, TextStyle_TextAlignment } from "./../../ricos-schema/legacy/wix/rich_content/v1";
-import blockquoteDataDefaults from "./../../ricos-schema/legacy/statics/blockquote.defaults.json";
 import { createRicosNodeExtension, withBreakoutContainer } from "./../../plugin-commons";
 import { createSpanWrapperDecorationPlugin } from "../decoration-plugins/span-wrapper";
 import styles from "../statics/styles-scss";
@@ -38,11 +37,9 @@ const blockquote = createRicosNodeExtension({
       defining: true,
       addAttributes() {
         return {
-          ...blockquoteDataDefaults,
-          textStyle: {
-            textAlignment: TextStyle_TextAlignment.AUTO
-          },
-          paragraphId: ""
+          indentation: null,
+          textStyle: null,
+          paragraphId: null
         };
       },
       parseHTML() {

package/dist/es/ricos-common-plugins/blockquote/extension.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-common-plugins/blockquote/extension.ts"],
-  "sourcesContent": ["import { Plugin, PluginKey } from '@tiptap/pm/state';\nimport { Decoration, DecorationSet } from '@tiptap/pm/view';\nimport classNames from 'classnames';\n\nimport { generateId } from './../../ricos-content';\nimport { Node_Type, TextStyle_TextAlignment } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport blockquoteDataDefaults from './../../ricos-schema/legacy/statics/blockquote.defaults.json';\nimport type { ExtensionProps, NodeConfig, RicosExtension } from './../../ricos-types';\nimport { createRicosNodeExtension, withBreakoutContainer } from './../../plugin-commons';\n\nimport { createSpanWrapperDecorationPlugin } from '../decoration-plugins/span-wrapper';\nimport styles from '../statics/styles-scss';\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    blockQuote: {\n      /**\n       * Set a blockquote node\n       */\n      setBlockquote: () => ReturnType;\n      /**\n       * Toggle a blockquote node\n       */\n      toggleBlockquote: () => ReturnType;\n      /**\n       * Unset a blockquote node\n       */\n      unsetBlockquote: () => ReturnType;\n    };\n  }\n}\n\nconst inputRegex = /^\\s*>\\s$/;\nconst alignmentToFlex = {\n  [TextStyle_TextAlignment.LEFT]: 'left',\n  [TextStyle_TextAlignment.CENTER]: 'center',\n  [TextStyle_TextAlignment.RIGHT]: 'right',\n  [TextStyle_TextAlignment.JUSTIFY]: 'flex-start',\n};\n\nexport const blockquote = createRicosNodeExtension({\n  groups: ['shortcuts-enabled'],\n  type: 'html-node',\n  name: Node_Type.BLOCKQUOTE,\n  reconfigure: (\n    config: NodeConfig,\n    _extensions: RicosExtension[],\n    _props: ExtensionProps,\n    settings: Record<string, unknown>\n  ) => ({\n    ...config,\n    addOptions() {\n      return {\n        HTMLAttributes: {\n          class: styles.quote,\n        },\n        ...settings,\n      };\n    },\n  }),\n\n  createExtensionConfig({ mergeAttributes, textblockTypeInputRule }) {\n    return {\n      name: this.name,\n\n      // ITS NOT BlockquoteNodeChildrenPattern !!!. ProseMirror and RicosDocument have different structure for blockquote.\n      content: 'inline*',\n\n      group: 'block',\n\n      defining: true,\n\n      addAttributes() {\n        return {\n          ...blockquoteDataDefaults,\n          textStyle: {\n            textAlignment: TextStyle_TextAlignment.AUTO,\n          },\n          paragraphId: '',\n        };\n      },\n\n      parseHTML() {\n        return [{ tag: 'blockquote' }];\n      },\n\n      renderHTML({ HTMLAttributes }) {\n        const allAttributes = mergeAttributes(this.options.HTMLAttributes, HTMLAttributes);\n        const textAlignment = allAttributes?.textStyle?.textAlignment;\n\n        const attrs = {\n          ...allAttributes,\n          class: classNames(allAttributes.class),\n        };\n\n        const breakoutContainerAttr =\n          textAlignment === TextStyle_TextAlignment.AUTO\n            ? {\n                style: 'display: flex;',\n              }\n            : {\n                style: `display: flex; justify-content: ${alignmentToFlex[textAlignment]};`,\n              };\n        return withBreakoutContainer(['blockquote', attrs, 0], breakoutContainerAttr);\n      },\n\n      addCommands() {\n        return {\n          setBlockquote:\n            () =>\n            ({ commands }) => {\n              return commands.updateTextNode(this.name, { paragraphId: generateId() });\n            },\n          toggleBlockquote:\n            () =>\n            ({ commands }) => {\n              //TODO: fix generating paragraphId every render\n              return commands.toggleTextNode(this.name, Node_Type.PARAGRAPH);\n            },\n          unsetBlockquote:\n            () =>\n            ({ commands }) => {\n              return commands.updateTextNode(Node_Type.PARAGRAPH, {});\n            },\n        };\n      },\n\n      addInputRules() {\n        return [\n          textblockTypeInputRule({\n            find: inputRegex,\n            type: this.type,\n            getAttributes: ({ groups }) => groups,\n          }),\n        ];\n      },\n\n      addProseMirrorPlugins() {\n        return [\n          createSpanWrapperDecorationPlugin(Node_Type.BLOCKQUOTE),\n          new Plugin({\n            key: new PluginKey(`blockquote-direction`),\n            props: {\n              decorations(state) {\n                const decorations: Decoration[] = [];\n\n                state.doc.descendants((node, pos) => {\n                  if (node.type.name === Node_Type.BLOCKQUOTE) {\n                    decorations.push(Decoration.node(pos, pos + node.nodeSize, { dir: 'auto' }));\n                  }\n                });\n\n                return DecorationSet.create(state.doc, decorations);\n              },\n            },\n          }),\n        ];\n      },\n    };\n  },\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Plugin, PluginKey } from '@tiptap/pm/state';\nimport { Decoration, DecorationSet } from '@tiptap/pm/view';\nimport classNames from 'classnames';\n\nimport { generateId } from './../../ricos-content';\nimport { Node_Type, TextStyle_TextAlignment } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { ExtensionProps, NodeConfig, RicosExtension } from './../../ricos-types';\nimport { createRicosNodeExtension, withBreakoutContainer } from './../../plugin-commons';\n\nimport { createSpanWrapperDecorationPlugin } from '../decoration-plugins/span-wrapper';\nimport styles from '../statics/styles-scss';\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    blockQuote: {\n      /**\n       * Set a blockquote node\n       */\n      setBlockquote: () => ReturnType;\n      /**\n       * Toggle a blockquote node\n       */\n      toggleBlockquote: () => ReturnType;\n      /**\n       * Unset a blockquote node\n       */\n      unsetBlockquote: () => ReturnType;\n    };\n  }\n}\n\nconst inputRegex = /^\\s*>\\s$/;\nconst alignmentToFlex = {\n  [TextStyle_TextAlignment.LEFT]: 'left',\n  [TextStyle_TextAlignment.CENTER]: 'center',\n  [TextStyle_TextAlignment.RIGHT]: 'right',\n  [TextStyle_TextAlignment.JUSTIFY]: 'flex-start',\n};\n\nexport const blockquote = createRicosNodeExtension({\n  groups: ['shortcuts-enabled'],\n  type: 'html-node',\n  name: Node_Type.BLOCKQUOTE,\n  reconfigure: (\n    config: NodeConfig,\n    _extensions: RicosExtension[],\n    _props: ExtensionProps,\n    settings: Record<string, unknown>\n  ) => ({\n    ...config,\n    addOptions() {\n      return {\n        HTMLAttributes: {\n          class: styles.quote,\n        },\n        ...settings,\n      };\n    },\n  }),\n\n  createExtensionConfig({ mergeAttributes, textblockTypeInputRule }) {\n    return {\n      name: this.name,\n\n      // ITS NOT BlockquoteNodeChildrenPattern !!!. ProseMirror and RicosDocument have different structure for blockquote.\n      content: 'inline*',\n\n      group: 'block',\n\n      defining: true,\n\n      addAttributes() {\n        return {\n          indentation: null,\n          textStyle: null,\n          paragraphId: null,\n        };\n      },\n\n      parseHTML() {\n        return [{ tag: 'blockquote' }];\n      },\n\n      renderHTML({ HTMLAttributes }) {\n        const allAttributes = mergeAttributes(this.options.HTMLAttributes, HTMLAttributes);\n        const textAlignment = allAttributes?.textStyle?.textAlignment;\n\n        const attrs = {\n          ...allAttributes,\n          class: classNames(allAttributes.class),\n        };\n\n        const breakoutContainerAttr =\n          textAlignment === TextStyle_TextAlignment.AUTO\n            ? {\n                style: 'display: flex;',\n              }\n            : {\n                style: `display: flex; justify-content: ${alignmentToFlex[textAlignment]};`,\n              };\n        return withBreakoutContainer(['blockquote', attrs, 0], breakoutContainerAttr);\n      },\n\n      addCommands() {\n        return {\n          setBlockquote:\n            () =>\n            ({ commands }) => {\n              return commands.updateTextNode(this.name, { paragraphId: generateId() });\n            },\n          toggleBlockquote:\n            () =>\n            ({ commands }) => {\n              //TODO: fix generating paragraphId every render\n              return commands.toggleTextNode(this.name, Node_Type.PARAGRAPH);\n            },\n          unsetBlockquote:\n            () =>\n            ({ commands }) => {\n              return commands.updateTextNode(Node_Type.PARAGRAPH, {});\n            },\n        };\n      },\n\n      addInputRules() {\n        return [\n          textblockTypeInputRule({\n            find: inputRegex,\n            type: this.type,\n            getAttributes: ({ groups }) => groups,\n          }),\n        ];\n      },\n\n      addProseMirrorPlugins() {\n        return [\n          createSpanWrapperDecorationPlugin(Node_Type.BLOCKQUOTE),\n          new Plugin({\n            key: new PluginKey(`blockquote-direction`),\n            props: {\n              decorations(state) {\n                const decorations: Decoration[] = [];\n\n                state.doc.descendants((node, pos) => {\n                  if (node.type.name === Node_Type.BLOCKQUOTE) {\n                    decorations.push(Decoration.node(pos, pos + node.nodeSize, { dir: 'auto' }));\n                  }\n                });\n\n                return DecorationSet.create(state.doc, decorations);\n              },\n            },\n          }),\n        ];\n      },\n    };\n  },\n});\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/es/ricos-common-plugins/blockquote/icons/BlockQuoteIcon.js

@@ -0,0 +1,13 @@
+import React from "react";
+const BlockQuoteIcon = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", ...props }, /* @__PURE__ */ React.createElement("g", { fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("g", { fill: "currentColor" }, /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement(
+  "path",
+  {
+    d: "M9 5v5.5C9 12.981 6.981 15 4.5 15H4v-1h.5C6.43 14 8 12.43 8 10.5V10H4V5h5zm7 0v5.5c0 2.481-2.019 4.5-4.5 4.5H11v-1h.5c1.93 0 3.5-1.57 3.5-3.5V10h-4V5h5z",
+    transform: "translate(-316.000000, -82.000000) translate(312.000000, 77.000000)"
+  }
+)))));
+var BlockQuoteIcon_default = BlockQuoteIcon;
+export {
+  BlockQuoteIcon_default as default
+};
+//# sourceMappingURL=BlockQuoteIcon.js.map

package/dist/es/ricos-common-plugins/blockquote/icons/BlockQuoteIcon.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ricos-common-plugins/blockquote/icons/BlockQuoteIcon.tsx"],
+  "sourcesContent": ["/* eslint-disable max-len */\nimport React from 'react';\n\nconst BlockQuoteIcon = props => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" {...props}>\n    <g fill=\"none\" fillRule=\"evenodd\">\n      <g fill=\"currentColor\">\n        <g>\n          <path\n            d=\"M9 5v5.5C9 12.981 6.981 15 4.5 15H4v-1h.5C6.43 14 8 12.43 8 10.5V10H4V5h5zm7 0v5.5c0 2.481-2.019 4.5-4.5 4.5H11v-1h.5c1.93 0 3.5-1.57 3.5-3.5V10h-4V5h5z\"\n            transform=\"translate(-316.000000, -82.000000) translate(312.000000, 77.000000)\"\n          />\n        </g>\n      </g>\n    </g>\n  </svg>\n);\n\nexport default BlockQuoteIcon;\n"],
+  "mappings": "AACA,OAAO,WAAW;AAElB,MAAM,iBAAiB,WACrB,oCAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAG,SACrF,oCAAC,OAAE,MAAK,QAAO,UAAS,aACtB,oCAAC,OAAE,MAAK,kBACN,oCAAC,WACC;AAAA,EAAC;AAAA;AAAA,IACC,GAAE;AAAA,IACF,WAAU;AAAA;AACZ,CACF,CACF,CACF,CACF;AAGF,IAAO,yBAAQ;",
+  "names": []
+}

package/dist/es/ricos-common-plugins/bulleted-list/bulleted-list.js

@@ -1,6 +1,7 @@
+import { BulletListThinSmall } from "@wix/wix-ui-icons-common";
 import { BULLET_LIST_TYPE } from "./../../ricos-content";
 import { Node_Type } from "./../../ricos-schema/legacy/wix/rich_content/v1";
-import { createShortcut } from "./../../ricos-types";
+import { createShortcut, quickActionsModalSections } from "./../../ricos-types";
 import { RESOLVERS_IDS } from "./../../toolbars-v3/lib/resolvers-ids";
 import { bulletedListConverter } from "./bulleted-list-converter";
 import { bulletedList } from "./extension";
@@ -42,6 +43,15 @@ const pluginBulletedList = {
         return true;
       }
     }
+  ],
+  getQuickActions: () => [
+    {
+      id: "bulettedList",
+      title: "QuickActionsPlugin_ActionTitle_BulletedList",
+      icon: BulletListThinSmall,
+      section: quickActionsModalSections.FormatLayout,
+      command: ({ editorCommands }) => editorCommands.setBlockType(BULLET_LIST_TYPE)
+    }
   ]
 };
 export {

package/dist/es/ricos-common-plugins/bulleted-list/bulleted-list.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-common-plugins/bulleted-list/bulleted-list.ts"],
-  "sourcesContent": ["import { BULLET_LIST_TYPE } from './../../ricos-content';\nimport { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { TiptapEditorPlugin } from './../../ricos-types';\nimport { createShortcut } from './../../ricos-types';\nimport { RESOLVERS_IDS } from './../../toolbars-v3/lib/resolvers-ids';\n\nimport { bulletedListConverter } from './bulleted-list-converter';\nimport { bulletedList } from './extension';\nimport UnorderedListIcon from './UnorderedListIcon';\n\nexport const pluginBulletedList: TiptapEditorPlugin = {\n  type: Node_Type.BULLETED_LIST,\n  config: {},\n  tiptapExtensions: [bulletedList],\n  pmMarkConverters: [],\n  pmNodeConverters: [bulletedListConverter],\n  shortcuts: [\n    createShortcut({\n      name: Node_Type.BULLETED_LIST,\n      description: 'ShortcutsSheet_Formatting_BulletedList',\n      keys: { macOs: 'Meta+Shift+8', windows: 'Ctrl+Shift+8' },\n      command({ editorCommands }) {\n        editorCommands.setBlockType(BULLET_LIST_TYPE);\n      },\n      group: 'ShortcutsSheet_Section_Formatting',\n      enabled: true,\n    }),\n  ],\n  textButtons: [\n    {\n      id: Node_Type.BULLETED_LIST,\n      type: 'toggle',\n      presentation: {\n        dataHook: 'textBlockStyleButton_Bulletedlist',\n        tooltip: 'UnorderedListButton_Tooltip',\n        icon: UnorderedListIcon,\n      },\n      attributes: {\n        visible: RESOLVERS_IDS.ALWAYS_VISIBLE,\n        active: RESOLVERS_IDS.IS_TEXT_CONTAINS_UNORDERED_LIST,\n        disabled: RESOLVERS_IDS.IS_NODE_OR_CAPTION_SELECTED,\n      },\n      command:\n        ({ editorCommands }) =>\n        () => {\n          editorCommands.setBlockType(BULLET_LIST_TYPE);\n          return true;\n        },\n    },\n  ],\n};\n"],
-  "mappings": "AAAA,SAAS,wBAAwB;AACjC,SAAS,iBAAiB;AAE1B,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAE9B,SAAS,6BAA6B;AACtC,SAAS,oBAAoB;AAC7B,OAAO,uBAAuB;AAEvB,MAAM,qBAAyC;AAAA,EACpD,MAAM,UAAU;AAAA,EAChB,QAAQ,CAAC;AAAA,EACT,kBAAkB,CAAC,YAAY;AAAA,EAC/B,kBAAkB,CAAC;AAAA,EACnB,kBAAkB,CAAC,qBAAqB;AAAA,EACxC,WAAW;AAAA,IACT,eAAe;AAAA,MACb,MAAM,UAAU;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,EAAE,OAAO,gBAAgB,SAAS,eAAe;AAAA,MACvD,QAAQ,EAAE,eAAe,GAAG;AAC1B,uBAAe,aAAa,gBAAgB;AAAA,MAC9C;AAAA,MACA,OAAO;AAAA,MACP,SAAS;AAAA,IACX,CAAC;AAAA,EACH;AAAA,EACA,aAAa;AAAA,IACX;AAAA,MACE,IAAI,UAAU;AAAA,MACd,MAAM;AAAA,MACN,cAAc;AAAA,QACZ,UAAU;AAAA,QACV,SAAS;AAAA,QACT,MAAM;AAAA,MACR;AAAA,MACA,YAAY;AAAA,QACV,SAAS,cAAc;AAAA,QACvB,QAAQ,cAAc;AAAA,QACtB,UAAU,cAAc;AAAA,MAC1B;AAAA,MACA,SACE,CAAC,EAAE,eAAe,MAClB,MAAM;AACJ,uBAAe,aAAa,gBAAgB;AAC5C,eAAO;AAAA,MACT;AAAA,IACJ;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { BulletListThinSmall } from '@wix/wix-ui-icons-common';\n\nimport { BULLET_LIST_TYPE } from './../../ricos-content';\nimport { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { TiptapEditorPlugin } from './../../ricos-types';\nimport { createShortcut, quickActionsModalSections } from './../../ricos-types';\nimport { RESOLVERS_IDS } from './../../toolbars-v3/lib/resolvers-ids';\n\nimport { bulletedListConverter } from './bulleted-list-converter';\nimport { bulletedList } from './extension';\nimport UnorderedListIcon from './UnorderedListIcon';\n\nexport const pluginBulletedList: TiptapEditorPlugin = {\n  type: Node_Type.BULLETED_LIST,\n  config: {},\n  tiptapExtensions: [bulletedList],\n  pmMarkConverters: [],\n  pmNodeConverters: [bulletedListConverter],\n  shortcuts: [\n    createShortcut({\n      name: Node_Type.BULLETED_LIST,\n      description: 'ShortcutsSheet_Formatting_BulletedList',\n      keys: { macOs: 'Meta+Shift+8', windows: 'Ctrl+Shift+8' },\n      command({ editorCommands }) {\n        editorCommands.setBlockType(BULLET_LIST_TYPE);\n      },\n      group: 'ShortcutsSheet_Section_Formatting',\n      enabled: true,\n    }),\n  ],\n  textButtons: [\n    {\n      id: Node_Type.BULLETED_LIST,\n      type: 'toggle',\n      presentation: {\n        dataHook: 'textBlockStyleButton_Bulletedlist',\n        tooltip: 'UnorderedListButton_Tooltip',\n        icon: UnorderedListIcon,\n      },\n      attributes: {\n        visible: RESOLVERS_IDS.ALWAYS_VISIBLE,\n        active: RESOLVERS_IDS.IS_TEXT_CONTAINS_UNORDERED_LIST,\n        disabled: RESOLVERS_IDS.IS_NODE_OR_CAPTION_SELECTED,\n      },\n      command:\n        ({ editorCommands }) =>\n        () => {\n          editorCommands.setBlockType(BULLET_LIST_TYPE);\n          return true;\n        },\n    },\n  ],\n  getQuickActions: () => [\n    {\n      id: 'bulettedList',\n      title: 'QuickActionsPlugin_ActionTitle_BulletedList',\n      icon: BulletListThinSmall,\n      section: quickActionsModalSections.FormatLayout,\n      command: ({ editorCommands }) => editorCommands.setBlockType(BULLET_LIST_TYPE),\n    },\n  ],\n};\n"],
+  "mappings": "AAAA,SAAS,2BAA2B;AAEpC,SAAS,wBAAwB;AACjC,SAAS,iBAAiB;AAE1B,SAAS,gBAAgB,iCAAiC;AAC1D,SAAS,qBAAqB;AAE9B,SAAS,6BAA6B;AACtC,SAAS,oBAAoB;AAC7B,OAAO,uBAAuB;AAEvB,MAAM,qBAAyC;AAAA,EACpD,MAAM,UAAU;AAAA,EAChB,QAAQ,CAAC;AAAA,EACT,kBAAkB,CAAC,YAAY;AAAA,EAC/B,kBAAkB,CAAC;AAAA,EACnB,kBAAkB,CAAC,qBAAqB;AAAA,EACxC,WAAW;AAAA,IACT,eAAe;AAAA,MACb,MAAM,UAAU;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,EAAE,OAAO,gBAAgB,SAAS,eAAe;AAAA,MACvD,QAAQ,EAAE,eAAe,GAAG;AAC1B,uBAAe,aAAa,gBAAgB;AAAA,MAC9C;AAAA,MACA,OAAO;AAAA,MACP,SAAS;AAAA,IACX,CAAC;AAAA,EACH;AAAA,EACA,aAAa;AAAA,IACX;AAAA,MACE,IAAI,UAAU;AAAA,MACd,MAAM;AAAA,MACN,cAAc;AAAA,QACZ,UAAU;AAAA,QACV,SAAS;AAAA,QACT,MAAM;AAAA,MACR;AAAA,MACA,YAAY;AAAA,QACV,SAAS,cAAc;AAAA,QACvB,QAAQ,cAAc;AAAA,QACtB,UAAU,cAAc;AAAA,MAC1B;AAAA,MACA,SACE,CAAC,EAAE,eAAe,MAClB,MAAM;AACJ,uBAAe,aAAa,gBAAgB;AAC5C,eAAO;AAAA,MACT;AAAA,IACJ;AAAA,EACF;AAAA,EACA,iBAAiB,MAAM;AAAA,IACrB;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS,0BAA0B;AAAA,MACnC,SAAS,CAAC,EAAE,eAAe,MAAM,eAAe,aAAa,gBAAgB;AAAA,IAC/E;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/es/ricos-common-plugins/bulleted-list/extension.js

@@ -1,8 +1,6 @@
 import { getNodeType, InputRule, isNodeActive } from "@tiptap/core";
 import { Node_Type } from "./../../ricos-schema/legacy/wix/rich_content/v1";
-import bulletedListDataDefaults from "./../../ricos-schema/legacy/statics/bulleted_list.defaults.json";
 import { BulletedListNodeChildrenPattern } from "./../../ricos-schema/next-schema";
-import { addDefaultsInCorrectFormat } from "./../../wix-rich-content-common";
 import { createRicosNodeExtension, withBreakoutContainer } from "./../../plugin-commons";
 import { createListInputRuleHandler } from "../list-input-rule-handler";
 import styles from "../statics/styles-scss";
@@ -28,7 +26,14 @@ const bulletedList = createRicosNodeExtension({
         return [{ tag: "ul" }];
       },
       addAttributes() {
-        return addDefaultsInCorrectFormat(bulletedListDataDefaults);
+        return {
+          indentation: {
+            default: 0
+          },
+          offset: {
+            default: 0
+          }
+        };
       },
       renderHTML({ HTMLAttributes }) {
         return withBreakoutContainer([

package/dist/es/ricos-common-plugins/bulleted-list/extension.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-common-plugins/bulleted-list/extension.ts"],
-  "sourcesContent": ["import { getNodeType, InputRule, isNodeActive } from '@tiptap/core';\nimport type { DOMOutputSpec } from '@tiptap/pm/model';\n\nimport { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport bulletedListDataDefaults from './../../ricos-schema/legacy/statics/bulleted_list.defaults.json';\nimport { BulletedListNodeChildrenPattern } from './../../ricos-schema/next-schema';\nimport { addDefaultsInCorrectFormat } from './../../wix-rich-content-common';\nimport { createRicosNodeExtension, withBreakoutContainer } from './../../plugin-commons';\n\nimport { createListInputRuleHandler } from '../list-input-rule-handler';\nimport styles from '../statics/styles-scss';\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    bulletList: {\n      /**\n       * Toggle a bullet list\n       */\n      toggleBulletList: () => ReturnType;\n      /**\n       * Toggle off an bulleted list if exists\n       */\n      toggleOffBulletList: () => ReturnType;\n    };\n  }\n}\n\nconst inputRegex = /^\\s*([-+*])\\s$/;\n\nexport const bulletedList = createRicosNodeExtension<{\n  HTMLAttributes: Record<string, string>;\n  itemTypeName: string;\n}>({\n  groups: ['no-trailing-node'],\n  type: 'html-node',\n  name: Node_Type.BULLETED_LIST,\n  createExtensionConfig({ mergeAttributes }) {\n    return {\n      name: this.name,\n      addOptions() {\n        return {\n          HTMLAttributes: { class: styles.bulletedList },\n          itemTypeName: Node_Type.LIST_ITEM,\n        };\n      },\n\n      group: 'block list',\n\n      content() {\n        return BulletedListNodeChildrenPattern;\n      },\n\n      parseHTML() {\n        return [{ tag: 'ul' }];\n      },\n\n      addAttributes() {\n        return addDefaultsInCorrectFormat(bulletedListDataDefaults);\n      },\n\n      renderHTML({ HTMLAttributes }) {\n        return withBreakoutContainer([\n          'ul',\n          mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),\n          0,\n        ]) as DOMOutputSpec;\n      },\n\n      addCommands() {\n        return {\n          toggleBulletList:\n            () =>\n            ({ commands }) => {\n              return commands.toggleLists(this.name, Node_Type.LIST_ITEM);\n            },\n          toggleOffBulletList:\n            () =>\n            ({ state, commands }) => {\n              const isActive = isNodeActive(state, getNodeType(this.name, state.schema));\n              if (isActive) {\n                return commands.toggleBulletList();\n              }\n              return true;\n            },\n        };\n      },\n\n      addKeyboardShortcuts() {\n        return {\n          'Mod-Shift-8': () => this.editor.commands.toggleBulletList(),\n        };\n      },\n\n      addInputRules() {\n        return [\n          new InputRule({\n            find: inputRegex,\n            handler: createListInputRuleHandler({ type: this.type }),\n          }),\n        ];\n      },\n    };\n  },\n});\n"],
-  "mappings": "AAAA,SAAS,aAAa,WAAW,oBAAoB;AAGrD,SAAS,iBAAiB;AAC1B,OAAO,8BAA8B;AACrC,SAAS,uCAAuC;AAChD,SAAS,kCAAkC;AAC3C,SAAS,0BAA0B,6BAA6B;AAEhE,SAAS,kCAAkC;AAC3C,OAAO,YAAY;AAiBnB,MAAM,aAAa;AAEZ,MAAM,eAAe,yBAGzB;AAAA,EACD,QAAQ,CAAC,kBAAkB;AAAA,EAC3B,MAAM;AAAA,EACN,MAAM,UAAU;AAAA,EAChB,sBAAsB,EAAE,gBAAgB,GAAG;AACzC,WAAO;AAAA,MACL,MAAM,KAAK;AAAA,MACX,aAAa;AACX,eAAO;AAAA,UACL,gBAAgB,EAAE,OAAO,OAAO,aAAa;AAAA,UAC7C,cAAc,UAAU;AAAA,QAC1B;AAAA,MACF;AAAA,MAEA,OAAO;AAAA,MAEP,UAAU;AACR,eAAO;AAAA,MACT;AAAA,MAEA,YAAY;AACV,eAAO,CAAC,EAAE,KAAK,KAAK,CAAC;AAAA,MACvB;AAAA,MAEA,gBAAgB;AACd,eAAO,2BAA2B,wBAAwB;AAAA,MAC5D;AAAA,MAEA,WAAW,EAAE,eAAe,GAAG;AAC7B,eAAO,sBAAsB;AAAA,UAC3B;AAAA,UACA,gBAAgB,KAAK,QAAQ,gBAAgB,cAAc;AAAA,UAC3D;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MAEA,cAAc;AACZ,eAAO;AAAA,UACL,kBACE,MACA,CAAC,EAAE,SAAS,MAAM;AAChB,mBAAO,SAAS,YAAY,KAAK,MAAM,UAAU,SAAS;AAAA,UAC5D;AAAA,UACF,qBACE,MACA,CAAC,EAAE,OAAO,SAAS,MAAM;AACvB,kBAAM,WAAW,aAAa,OAAO,YAAY,KAAK,MAAM,MAAM,MAAM,CAAC;AACzE,gBAAI,UAAU;AACZ,qBAAO,SAAS,iBAAiB;AAAA,YACnC;AACA,mBAAO;AAAA,UACT;AAAA,QACJ;AAAA,MACF;AAAA,MAEA,uBAAuB;AACrB,eAAO;AAAA,UACL,eAAe,MAAM,KAAK,OAAO,SAAS,iBAAiB;AAAA,QAC7D;AAAA,MACF;AAAA,MAEA,gBAAgB;AACd,eAAO;AAAA,UACL,IAAI,UAAU;AAAA,YACZ,MAAM;AAAA,YACN,SAAS,2BAA2B,EAAE,MAAM,KAAK,KAAK,CAAC;AAAA,UACzD,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "sourcesContent": ["import { getNodeType, InputRule, isNodeActive } from '@tiptap/core';\nimport type { DOMOutputSpec } from '@tiptap/pm/model';\n\nimport { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport { BulletedListNodeChildrenPattern } from './../../ricos-schema/next-schema';\nimport { createRicosNodeExtension, withBreakoutContainer } from './../../plugin-commons';\n\nimport { createListInputRuleHandler } from '../list-input-rule-handler';\nimport styles from '../statics/styles-scss';\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    bulletList: {\n      /**\n       * Toggle a bullet list\n       */\n      toggleBulletList: () => ReturnType;\n      /**\n       * Toggle off an bulleted list if exists\n       */\n      toggleOffBulletList: () => ReturnType;\n    };\n  }\n}\n\nconst inputRegex = /^\\s*([-+*])\\s$/;\n\nexport const bulletedList = createRicosNodeExtension<{\n  HTMLAttributes: Record<string, string>;\n  itemTypeName: string;\n}>({\n  groups: ['no-trailing-node'],\n  type: 'html-node',\n  name: Node_Type.BULLETED_LIST,\n  createExtensionConfig({ mergeAttributes }) {\n    return {\n      name: this.name,\n      addOptions() {\n        return {\n          HTMLAttributes: { class: styles.bulletedList },\n          itemTypeName: Node_Type.LIST_ITEM,\n        };\n      },\n\n      group: 'block list',\n\n      content() {\n        return BulletedListNodeChildrenPattern;\n      },\n\n      parseHTML() {\n        return [{ tag: 'ul' }];\n      },\n\n      addAttributes() {\n        return {\n          indentation: {\n            default: 0,\n          },\n          offset: {\n            default: 0,\n          },\n        };\n      },\n\n      renderHTML({ HTMLAttributes }) {\n        return withBreakoutContainer([\n          'ul',\n          mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),\n          0,\n        ]) as DOMOutputSpec;\n      },\n\n      addCommands() {\n        return {\n          toggleBulletList:\n            () =>\n            ({ commands }) => {\n              return commands.toggleLists(this.name, Node_Type.LIST_ITEM);\n            },\n          toggleOffBulletList:\n            () =>\n            ({ state, commands }) => {\n              const isActive = isNodeActive(state, getNodeType(this.name, state.schema));\n              if (isActive) {\n                return commands.toggleBulletList();\n              }\n              return true;\n            },\n        };\n      },\n\n      addKeyboardShortcuts() {\n        return {\n          'Mod-Shift-8': () => this.editor.commands.toggleBulletList(),\n        };\n      },\n\n      addInputRules() {\n        return [\n          new InputRule({\n            find: inputRegex,\n            handler: createListInputRuleHandler({ type: this.type }),\n          }),\n        ];\n      },\n    };\n  },\n});\n"],
+  "mappings": "AAAA,SAAS,aAAa,WAAW,oBAAoB;AAGrD,SAAS,iBAAiB;AAC1B,SAAS,uCAAuC;AAChD,SAAS,0BAA0B,6BAA6B;AAEhE,SAAS,kCAAkC;AAC3C,OAAO,YAAY;AAiBnB,MAAM,aAAa;AAEZ,MAAM,eAAe,yBAGzB;AAAA,EACD,QAAQ,CAAC,kBAAkB;AAAA,EAC3B,MAAM;AAAA,EACN,MAAM,UAAU;AAAA,EAChB,sBAAsB,EAAE,gBAAgB,GAAG;AACzC,WAAO;AAAA,MACL,MAAM,KAAK;AAAA,MACX,aAAa;AACX,eAAO;AAAA,UACL,gBAAgB,EAAE,OAAO,OAAO,aAAa;AAAA,UAC7C,cAAc,UAAU;AAAA,QAC1B;AAAA,MACF;AAAA,MAEA,OAAO;AAAA,MAEP,UAAU;AACR,eAAO;AAAA,MACT;AAAA,MAEA,YAAY;AACV,eAAO,CAAC,EAAE,KAAK,KAAK,CAAC;AAAA,MACvB;AAAA,MAEA,gBAAgB;AACd,eAAO;AAAA,UACL,aAAa;AAAA,YACX,SAAS;AAAA,UACX;AAAA,UACA,QAAQ;AAAA,YACN,SAAS;AAAA,UACX;AAAA,QACF;AAAA,MACF;AAAA,MAEA,WAAW,EAAE,eAAe,GAAG;AAC7B,eAAO,sBAAsB;AAAA,UAC3B;AAAA,UACA,gBAAgB,KAAK,QAAQ,gBAAgB,cAAc;AAAA,UAC3D;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MAEA,cAAc;AACZ,eAAO;AAAA,UACL,kBACE,MACA,CAAC,EAAE,SAAS,MAAM;AAChB,mBAAO,SAAS,YAAY,KAAK,MAAM,UAAU,SAAS;AAAA,UAC5D;AAAA,UACF,qBACE,MACA,CAAC,EAAE,OAAO,SAAS,MAAM;AACvB,kBAAM,WAAW,aAAa,OAAO,YAAY,KAAK,MAAM,MAAM,MAAM,CAAC;AACzE,gBAAI,UAAU;AACZ,qBAAO,SAAS,iBAAiB;AAAA,YACnC;AACA,mBAAO;AAAA,UACT;AAAA,QACJ;AAAA,MACF;AAAA,MAEA,uBAAuB;AACrB,eAAO;AAAA,UACL,eAAe,MAAM,KAAK,OAAO,SAAS,iBAAiB;AAAA,QAC7D;AAAA,MACF;AAAA,MAEA,gBAAgB;AACd,eAAO;AAAA,UACL,IAAI,UAAU;AAAA,YACZ,MAAM;AAAA,YACN,SAAS,2BAA2B,EAAE,MAAM,KAAK,KAAK,CAAC;AAAA,UACzD,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
   "names": []
 }