@wix/ricos 10.113.0 → 10.114.0

package/dist/cjs/plugin-table/tiptap/table-header-extension.js

@@ -31,7 +31,6 @@ __export(table_header_extension_exports, {
 });
 module.exports = __toCommonJS(table_header_extension_exports);
 var import_ricos_content = require("./../../ricos-content");
-var import_table_cell_defaults = __toESM(require("./../../ricos-schema/legacy/statics/table_cell.defaults.json"));
 var import_plugin_commons = require("./../../plugin-commons");
 var import_table_scss = __toESM(require("./plugins/table-scss"));
 const tableHeaderExtension = (0, import_plugin_commons.createRicosNodeExtension)({
@@ -49,7 +48,8 @@ const tableHeaderExtension = (0, import_plugin_commons.createRicosNodeExtension)
       isolating: true,
       content: "block+",
       addAttributes: () => ({
-        ...import_table_cell_defaults.default,
+        cellStyle: null,
+        borderColors: null,
         colspan: {
           default: 1
         },

package/dist/cjs/plugin-table/tiptap/table-header-extension.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-table/tiptap/table-header-extension.ts"],
-  "sourcesContent": ["import { TIPTAP_TABLE_HEADER_CELL_TYPE } from './../../ricos-content';\nimport tableCellDataDefaults from './../../ricos-schema/legacy/statics/table_cell.defaults.json';\nimport type { ExtensionProps, NodeConfig, RicosExtension } from './../../ricos-types';\nimport { createRicosNodeExtension } from './../../plugin-commons';\n\nimport styles from './plugins/table-scss';\n\nexport const tableHeaderExtension = createRicosNodeExtension({\n  groups: [],\n  type: 'html-node',\n  reconfigure: (\n    config: NodeConfig,\n    _extensions: RicosExtension[],\n    _props: ExtensionProps,\n    settings: Record<string, unknown>\n  ) => ({\n    ...config,\n    addOptions: () => settings,\n  }),\n  name: TIPTAP_TABLE_HEADER_CELL_TYPE,\n  createExtensionConfig() {\n    return {\n      name: this.name,\n      tableRole: 'header_cell',\n      isolating: true,\n      content: 'block+',\n      addAttributes: () => ({\n        ...tableCellDataDefaults,\n        colspan: {\n          default: 1,\n        },\n        rowspan: {\n          default: 1,\n        },\n        colwidth: {\n          default: null,\n          parseHTML: element => {\n            const colwidth = element.getAttribute('colwidth');\n            const value = colwidth ? [parseInt(colwidth, 10)] : null;\n\n            return value;\n          },\n        },\n        verticalAlignment: {\n          default: 'top',\n          parseHTML: element => element.style['vertical-align'],\n          renderHTML: attributes => {\n            return (\n              attributes.cellStyle?.verticalAlignment && {\n                style: `vertical-align: ${attributes.cellStyle.verticalAlignment.toLowerCase()}`,\n              }\n            );\n          },\n        },\n        backgroundColor: {\n          default: null,\n          parseHTML: element => element.style['background-color'],\n          renderHTML: attributes => {\n            return (\n              attributes.cellStyle?.backgroundColor && {\n                style: `background-color: ${attributes.cellStyle.backgroundColor}`,\n              }\n            );\n          },\n        },\n      }),\n      parseHTML() {\n        return [{ tag: 'th' }];\n      },\n\n      renderHTML({ node, HTMLAttributes }) {\n        const { top, bottom, right, left } = node.attrs.borderColors || {};\n        return [\n          'th',\n          HTMLAttributes,\n          ['div', { class: styles.cell }, 0],\n          [\n            'div',\n            {\n              class: styles.cellBorderT,\n              style: `background: ${top};`,\n            },\n          ],\n          [\n            'div',\n            {\n              class: styles.cellBorderB,\n              style: `background: ${bottom};`,\n            },\n          ],\n          [\n            'div',\n            {\n              class: styles.cellBorderL,\n              style: `background: ${left};`,\n            },\n          ],\n          [\n            'div',\n            {\n              class: styles.cellBorderR,\n              style: `background: ${right};`,\n            },\n          ],\n        ];\n      },\n    };\n  },\n});\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA8C;AAC9C,iCAAkC;AAElC,4BAAyC;AAEzC,wBAAmB;AAEZ,MAAM,2BAAuB,gDAAyB;AAAA,EAC3D,QAAQ,CAAC;AAAA,EACT,MAAM;AAAA,EACN,aAAa,CACX,QACA,aACA,QACA,cACI;AAAA,IACJ,GAAG;AAAA,IACH,YAAY,MAAM;AAAA,EACpB;AAAA,EACA,MAAM;AAAA,EACN,wBAAwB;AACtB,WAAO;AAAA,MACL,MAAM,KAAK;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,MACX,SAAS;AAAA,MACT,eAAe,OAAO;AAAA,QACpB,GAAG,2BAAAA;AAAA,QACH,SAAS;AAAA,UACP,SAAS;AAAA,QACX;AAAA,QACA,SAAS;AAAA,UACP,SAAS;AAAA,QACX;AAAA,QACA,UAAU;AAAA,UACR,SAAS;AAAA,UACT,WAAW,aAAW;AACpB,kBAAM,WAAW,QAAQ,aAAa,UAAU;AAChD,kBAAM,QAAQ,WAAW,CAAC,SAAS,UAAU,EAAE,CAAC,IAAI;AAEpD,mBAAO;AAAA,UACT;AAAA,QACF;AAAA,QACA,mBAAmB;AAAA,UACjB,SAAS;AAAA,UACT,WAAW,aAAW,QAAQ,MAAM,gBAAgB;AAAA,UACpD,YAAY,gBAAc;AACxB,mBACE,WAAW,WAAW,qBAAqB;AAAA,cACzC,OAAO,mBAAmB,WAAW,UAAU,kBAAkB,YAAY,CAAC;AAAA,YAChF;AAAA,UAEJ;AAAA,QACF;AAAA,QACA,iBAAiB;AAAA,UACf,SAAS;AAAA,UACT,WAAW,aAAW,QAAQ,MAAM,kBAAkB;AAAA,UACtD,YAAY,gBAAc;AACxB,mBACE,WAAW,WAAW,mBAAmB;AAAA,cACvC,OAAO,qBAAqB,WAAW,UAAU,eAAe;AAAA,YAClE;AAAA,UAEJ;AAAA,QACF;AAAA,MACF;AAAA,MACA,YAAY;AACV,eAAO,CAAC,EAAE,KAAK,KAAK,CAAC;AAAA,MACvB;AAAA,MAEA,WAAW,EAAE,MAAM,eAAe,GAAG;AACnC,cAAM,EAAE,KAAK,QAAQ,OAAO,KAAK,IAAI,KAAK,MAAM,gBAAgB,CAAC;AACjE,eAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA,CAAC,OAAO,EAAE,OAAO,kBAAAC,QAAO,KAAK,GAAG,CAAC;AAAA,UACjC;AAAA,YACE;AAAA,YACA;AAAA,cACE,OAAO,kBAAAA,QAAO;AAAA,cACd,OAAO,eAAe,GAAG;AAAA,YAC3B;AAAA,UACF;AAAA,UACA;AAAA,YACE;AAAA,YACA;AAAA,cACE,OAAO,kBAAAA,QAAO;AAAA,cACd,OAAO,eAAe,MAAM;AAAA,YAC9B;AAAA,UACF;AAAA,UACA;AAAA,YACE;AAAA,YACA;AAAA,cACE,OAAO,kBAAAA,QAAO;AAAA,cACd,OAAO,eAAe,IAAI;AAAA,YAC5B;AAAA,UACF;AAAA,UACA;AAAA,YACE;AAAA,YACA;AAAA,cACE,OAAO,kBAAAA,QAAO;AAAA,cACd,OAAO,eAAe,KAAK;AAAA,YAC7B;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
-  "names": ["tableCellDataDefaults", "styles"]
+  "sourcesContent": ["import { TIPTAP_TABLE_HEADER_CELL_TYPE } from './../../ricos-content';\nimport type { ExtensionProps, NodeConfig, RicosExtension } from './../../ricos-types';\nimport { createRicosNodeExtension } from './../../plugin-commons';\n\nimport styles from './plugins/table-scss';\n\nexport const tableHeaderExtension = createRicosNodeExtension({\n  groups: [],\n  type: 'html-node',\n  reconfigure: (\n    config: NodeConfig,\n    _extensions: RicosExtension[],\n    _props: ExtensionProps,\n    settings: Record<string, unknown>\n  ) => ({\n    ...config,\n    addOptions: () => settings,\n  }),\n  name: TIPTAP_TABLE_HEADER_CELL_TYPE,\n  createExtensionConfig() {\n    return {\n      name: this.name,\n      tableRole: 'header_cell',\n      isolating: true,\n      content: 'block+',\n      addAttributes: () => ({\n        cellStyle: null,\n        borderColors: null,\n        colspan: {\n          default: 1,\n        },\n        rowspan: {\n          default: 1,\n        },\n        colwidth: {\n          default: null,\n          parseHTML: element => {\n            const colwidth = element.getAttribute('colwidth');\n            const value = colwidth ? [parseInt(colwidth, 10)] : null;\n\n            return value;\n          },\n        },\n        verticalAlignment: {\n          default: 'top',\n          parseHTML: element => element.style['vertical-align'],\n          renderHTML: attributes => {\n            return (\n              attributes.cellStyle?.verticalAlignment && {\n                style: `vertical-align: ${attributes.cellStyle.verticalAlignment.toLowerCase()}`,\n              }\n            );\n          },\n        },\n        backgroundColor: {\n          default: null,\n          parseHTML: element => element.style['background-color'],\n          renderHTML: attributes => {\n            return (\n              attributes.cellStyle?.backgroundColor && {\n                style: `background-color: ${attributes.cellStyle.backgroundColor}`,\n              }\n            );\n          },\n        },\n      }),\n      parseHTML() {\n        return [{ tag: 'th' }];\n      },\n\n      renderHTML({ node, HTMLAttributes }) {\n        const { top, bottom, right, left } = node.attrs.borderColors || {};\n        return [\n          'th',\n          HTMLAttributes,\n          ['div', { class: styles.cell }, 0],\n          [\n            'div',\n            {\n              class: styles.cellBorderT,\n              style: `background: ${top};`,\n            },\n          ],\n          [\n            'div',\n            {\n              class: styles.cellBorderB,\n              style: `background: ${bottom};`,\n            },\n          ],\n          [\n            'div',\n            {\n              class: styles.cellBorderL,\n              style: `background: ${left};`,\n            },\n          ],\n          [\n            'div',\n            {\n              class: styles.cellBorderR,\n              style: `background: ${right};`,\n            },\n          ],\n        ];\n      },\n    };\n  },\n});\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA8C;AAE9C,4BAAyC;AAEzC,wBAAmB;AAEZ,MAAM,2BAAuB,gDAAyB;AAAA,EAC3D,QAAQ,CAAC;AAAA,EACT,MAAM;AAAA,EACN,aAAa,CACX,QACA,aACA,QACA,cACI;AAAA,IACJ,GAAG;AAAA,IACH,YAAY,MAAM;AAAA,EACpB;AAAA,EACA,MAAM;AAAA,EACN,wBAAwB;AACtB,WAAO;AAAA,MACL,MAAM,KAAK;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,MACX,SAAS;AAAA,MACT,eAAe,OAAO;AAAA,QACpB,WAAW;AAAA,QACX,cAAc;AAAA,QACd,SAAS;AAAA,UACP,SAAS;AAAA,QACX;AAAA,QACA,SAAS;AAAA,UACP,SAAS;AAAA,QACX;AAAA,QACA,UAAU;AAAA,UACR,SAAS;AAAA,UACT,WAAW,aAAW;AACpB,kBAAM,WAAW,QAAQ,aAAa,UAAU;AAChD,kBAAM,QAAQ,WAAW,CAAC,SAAS,UAAU,EAAE,CAAC,IAAI;AAEpD,mBAAO;AAAA,UACT;AAAA,QACF;AAAA,QACA,mBAAmB;AAAA,UACjB,SAAS;AAAA,UACT,WAAW,aAAW,QAAQ,MAAM,gBAAgB;AAAA,UACpD,YAAY,gBAAc;AACxB,mBACE,WAAW,WAAW,qBAAqB;AAAA,cACzC,OAAO,mBAAmB,WAAW,UAAU,kBAAkB,YAAY,CAAC;AAAA,YAChF;AAAA,UAEJ;AAAA,QACF;AAAA,QACA,iBAAiB;AAAA,UACf,SAAS;AAAA,UACT,WAAW,aAAW,QAAQ,MAAM,kBAAkB;AAAA,UACtD,YAAY,gBAAc;AACxB,mBACE,WAAW,WAAW,mBAAmB;AAAA,cACvC,OAAO,qBAAqB,WAAW,UAAU,eAAe;AAAA,YAClE;AAAA,UAEJ;AAAA,QACF;AAAA,MACF;AAAA,MACA,YAAY;AACV,eAAO,CAAC,EAAE,KAAK,KAAK,CAAC;AAAA,MACvB;AAAA,MAEA,WAAW,EAAE,MAAM,eAAe,GAAG;AACnC,cAAM,EAAE,KAAK,QAAQ,OAAO,KAAK,IAAI,KAAK,MAAM,gBAAgB,CAAC;AACjE,eAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA,CAAC,OAAO,EAAE,OAAO,kBAAAA,QAAO,KAAK,GAAG,CAAC;AAAA,UACjC;AAAA,YACE;AAAA,YACA;AAAA,cACE,OAAO,kBAAAA,QAAO;AAAA,cACd,OAAO,eAAe,GAAG;AAAA,YAC3B;AAAA,UACF;AAAA,UACA;AAAA,YACE;AAAA,YACA;AAAA,cACE,OAAO,kBAAAA,QAAO;AAAA,cACd,OAAO,eAAe,MAAM;AAAA,YAC9B;AAAA,UACF;AAAA,UACA;AAAA,YACE;AAAA,YACA;AAAA,cACE,OAAO,kBAAAA,QAAO;AAAA,cACd,OAAO,eAAe,IAAI;AAAA,YAC5B;AAAA,UACF;AAAA,UACA;AAAA,YACE;AAAA,YACA;AAAA,cACE,OAAO,kBAAAA,QAAO;AAAA,cACd,OAAO,eAAe,KAAK;AAAA,YAC7B;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "names": ["styles"]
 }

package/dist/cjs/plugin-vertical-embed/statics/styles/widget-scss.js

@@ -21,20 +21,20 @@ __export(widget_exports, {
 });
 module.exports = __toCommonJS(widget_exports);
 var widget_default = {
-  "card": "m4958",
-  "link": "txPvl",
-  "container": "crcpK",
-  "image": "nGyAZ",
-  "right": "FqYOB",
-  "cardLayout": "xHIvH",
-  "content": "-VpAd",
-  "title": "Q1AUI",
-  "subtitle": "Gcb-E",
-  "button": "JXZkq",
-  "button_disabled": "tn3UI",
-  "buttonText": "hddYF",
-  "slimLayout": "gO-GD",
-  "rtl": "M7MAJ",
-  "ltr": "Or9kk"
+  "card": "Weu8m",
+  "link": "_7UNlN",
+  "container": "-LRhm",
+  "image": "J1jFh",
+  "right": "F1G0t",
+  "cardLayout": "RIuSX",
+  "content": "QEjoT",
+  "title": "A7-cw",
+  "subtitle": "jtnOx",
+  "button": "FPio3",
+  "button_disabled": "ZFls4",
+  "buttonText": "aOaSJ",
+  "slimLayout": "erCId",
+  "rtl": "rD7K7",
+  "ltr": "e0qum"
 };
 //# sourceMappingURL=widget-scss.js.map

package/dist/cjs/plugin-vertical-embed/statics/styles/widget-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-vertical-embed/statics/styles/widget.scss"],
-  "sourcesContent": ["export default {\n  \"card\": \"m4958\",\n  \"link\": \"txPvl\",\n  \"container\": \"crcpK\",\n  \"image\": \"nGyAZ\",\n  \"right\": \"FqYOB\",\n  \"cardLayout\": \"xHIvH\",\n  \"content\": \"-VpAd\",\n  \"title\": \"Q1AUI\",\n  \"subtitle\": \"Gcb-E\",\n  \"button\": \"JXZkq\",\n  \"button_disabled\": \"tn3UI\",\n  \"buttonText\": \"hddYF\",\n  \"slimLayout\": \"gO-GD\",\n  \"rtl\": \"M7MAJ\",\n  \"ltr\": \"Or9kk\"\n};"],
+  "sourcesContent": ["export default {\n  \"card\": \"Weu8m\",\n  \"link\": \"_7UNlN\",\n  \"container\": \"-LRhm\",\n  \"image\": \"J1jFh\",\n  \"right\": \"F1G0t\",\n  \"cardLayout\": \"RIuSX\",\n  \"content\": \"QEjoT\",\n  \"title\": \"A7-cw\",\n  \"subtitle\": \"jtnOx\",\n  \"button\": \"FPio3\",\n  \"button_disabled\": \"ZFls4\",\n  \"buttonText\": \"aOaSJ\",\n  \"slimLayout\": \"erCId\",\n  \"rtl\": \"rD7K7\",\n  \"ltr\": \"e0qum\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,iBAAQ;AAAA,EACb,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,SAAS;AAAA,EACT,SAAS;AAAA,EACT,cAAc;AAAA,EACd,WAAW;AAAA,EACX,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO;AACT;",
   "names": []
 }

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

@@ -21,11 +21,11 @@ __export(default_video_styles_exports, {
 });
 module.exports = __toCommonJS(default_video_styles_exports);
 var default_video_styles_default = {
-  "video_player": "Y11Nf",
-  "videoOverlay": "c8zXq",
-  "video_container": "_9waED",
-  "video_overlay": "F7sol",
-  "hide_duration": "DVdcq",
-  "error": "QqLOR"
+  "video_player": "cK43y",
+  "videoOverlay": "zA-ca",
+  "video_container": "uQn5u",
+  "video_overlay": "yXNSD",
+  "hide_duration": "pUZ08",
+  "error": "dHHVv"
 };
 //# sourceMappingURL=default-video-styles-scss.js.map

package/dist/cjs/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": ["export default {\n  \"video_player\": \"Y11Nf\",\n  \"videoOverlay\": \"c8zXq\",\n  \"video_container\": \"_9waED\",\n  \"video_overlay\": \"F7sol\",\n  \"hide_duration\": \"DVdcq\",\n  \"error\": \"QqLOR\"\n};"],
+  "sourcesContent": ["export default {\n  \"video_player\": \"cK43y\",\n  \"videoOverlay\": \"zA-ca\",\n  \"video_container\": \"uQn5u\",\n  \"video_overlay\": \"yXNSD\",\n  \"hide_duration\": \"pUZ08\",\n  \"error\": \"dHHVv\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,+BAAQ;AAAA,EACb,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,SAAS;AACX;",
   "names": []
 }

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

@@ -21,7 +21,7 @@ __export(new_video_insert_modal_exports, {
 });
 module.exports = __toCommonJS(new_video_insert_modal_exports);
 var new_video_insert_modal_default = {
-  "tabs": "yH-lK",
-  "input": "tTvS2"
+  "tabs": "G22a4",
+  "input": "K3SoJ"
 };
 //# sourceMappingURL=new-video-insert-modal-scss.js.map

package/dist/cjs/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": ["export default {\n  \"tabs\": \"yH-lK\",\n  \"input\": \"tTvS2\"\n};"],
+  "sourcesContent": ["export default {\n  \"tabs\": \"G22a4\",\n  \"input\": \"K3SoJ\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,iCAAQ;AAAA,EACb,QAAQ;AAAA,EACR,SAAS;AACX;",
   "names": []
 }

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

@@ -21,13 +21,13 @@ __export(video_settings_exports, {
 });
 module.exports = __toCommonJS(video_settings_exports);
 var video_settings_default = {
-  "fontElementMap": "bTXqR",
-  "videoSettings": "ieK9-",
-  "videoSettings_scroll_container": "fnH81",
-  "separator": "oraE0",
-  "videoSettingsTitle": "F47Ei",
-  "videoSettings_toggleContainer": "_0jQCq",
-  "videoSettings_mobile": "LSwlr",
-  "videoSettings_labeledToggle_withPopover": "KWQxe"
+  "fontElementMap": "Kt-Yp",
+  "videoSettings": "AmGXm",
+  "videoSettings_scroll_container": "fZys8",
+  "separator": "ChRcV",
+  "videoSettingsTitle": "KWfOs",
+  "videoSettings_toggleContainer": "Y11gF",
+  "videoSettings_mobile": "hcIBT",
+  "videoSettings_labeledToggle_withPopover": "uOpZe"
 };
 //# sourceMappingURL=video-settings-scss.js.map

package/dist/cjs/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": ["export default {\n  \"fontElementMap\": \"bTXqR\",\n  \"videoSettings\": \"ieK9-\",\n  \"videoSettings_scroll_container\": \"fnH81\",\n  \"separator\": \"oraE0\",\n  \"videoSettingsTitle\": \"F47Ei\",\n  \"videoSettings_toggleContainer\": \"_0jQCq\",\n  \"videoSettings_mobile\": \"LSwlr\",\n  \"videoSettings_labeledToggle_withPopover\": \"KWQxe\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"Kt-Yp\",\n  \"videoSettings\": \"AmGXm\",\n  \"videoSettings_scroll_container\": \"fZys8\",\n  \"separator\": \"ChRcV\",\n  \"videoSettingsTitle\": \"KWfOs\",\n  \"videoSettings_toggleContainer\": \"Y11gF\",\n  \"videoSettings_mobile\": \"hcIBT\",\n  \"videoSettings_labeledToggle_withPopover\": \"uOpZe\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,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/cjs/plugin-video/statics/styles/video-viewer-scss.js

@@ -21,8 +21,8 @@ __export(video_viewer_exports, {
 });
 module.exports = __toCommonJS(video_viewer_exports);
 var video_viewer_default = {
-  "video_player": "dN6oc",
-  "videoOverlay": "LfpGc",
-  "video_container": "Niee9"
+  "video_player": "_7ImM3",
+  "videoOverlay": "_86RAE",
+  "video_container": "PZSAB"
 };
 //# sourceMappingURL=video-viewer-scss.js.map

package/dist/cjs/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\": \"dN6oc\",\n  \"videoOverlay\": \"LfpGc\",\n  \"video_container\": \"Niee9\"\n};"],
+  "sourcesContent": ["export default {\n  \"video_player\": \"_7ImM3\",\n  \"videoOverlay\": \"_86RAE\",\n  \"video_container\": \"PZSAB\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,uBAAQ;AAAA,EACb,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,mBAAmB;AACrB;",
   "names": []
 }

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

@@ -22,7 +22,6 @@ __export(tiptap_exports, {
 module.exports = __toCommonJS(tiptap_exports);
 var import_core = require("@tiptap/core");
 var import_ricos_content = require("./../../ricos-content");
-var import_next_schema = require("./../../ricos-schema/next-schema");
 var import_plugin_commons = require("./../../plugin-commons");
 var import_component = require("./component");
 const tiptapExtensions = [
@@ -50,18 +49,9 @@ const tiptapExtensions = [
         selectable: true,
         draggable: true,
         addAttributes: () => ({
-          containerData: {
-            alignment: import_next_schema.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,
@@ -69,12 +59,8 @@ const tiptapExtensions = [
           loading: {
             default: false
           },
-          loadingPercentage: {
-            default: null
-          },
-          tempData: {
-            default: null
-          }
+          loadingPercentage: null,
+          tempData: null
         }),
         addKeyboardShortcuts() {
           const newLine = ({ editor }) => {

package/dist/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAwD;AAExD,2BAAsD;AACtD,yBAA8C;AAE9C,4BAAyC;AAEzC,uBAAsB;AAEf,MAAM,mBAAmB;AAAA,MAC9B,gDAAyB;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,iDAA8B;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,eACtB;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;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAwD;AAExD,2BAAsD;AAEtD,4BAAyC;AAEzC,uBAAsB;AAEf,MAAM,mBAAmB;AAAA,MAC9B,gDAAyB;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,eACtB;AAAA,EACE,OAAO,MAAM,UAAU;AAAA,EACvB,UAAQ,KAAK,KAAK,SAAS;AAC7B;",
   "names": []
 }

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

@@ -35,12 +35,10 @@ var import_lodash = require("lodash");
 var import_react = __toESM(require("react"));
 var import_react_dom = require("react-dom");
 var import_ui_components = require("./../../ui-components");
-var import_general_scss = __toESM(require("../../editor-common/statics/styles/general-scss"));
-var import_general = __toESM(require("../../wix-rich-content-common/statics/styles/general.rtlignore-scss"));
+var import_get_container_classes = require("../../_shared/figure/get-container-classes");
 var import_dataHooks = require("../dataHooks");
 var import_default_video_styles_scss = __toESM(require("../statics/styles/default-video-styles-scss"));
 var import_video = require("../viewer/video");
-const stylesWithRTL = { ...import_general_scss.default, ...import_general.default };
 class VideoComponent extends import_react.default.Component {
   constructor(props) {
     super(props);
@@ -163,7 +161,7 @@ class VideoComponent extends import_react.default.Component {
         "data-hook": import_dataHooks.VIDEO_ROOT,
         className: (0, import_classnames.default)(
           import_default_video_styles_scss.default.video_container,
-          getContainerClasses(this.props.editor, this.props.nodeId, false)
+          (0, import_get_container_classes.getContainerClasses)(this.props.editor, this.props.nodeId, false)
         ),
         draggable: true,
         "data-drag-handle": true
@@ -176,16 +174,4 @@ class VideoComponent extends import_react.default.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 (0, import_classnames.default)(stylesWithRTL.pluginContainer, {
-    [stylesWithRTL.pluginContainerMobile]: isMobile,
-    [stylesWithRTL.hasFocus]: isFocused,
-    [stylesWithRTL.hideTextSelection]: !isFocused
-  });
-};
 //# sourceMappingURL=video-component.js.map

package/dist/cjs/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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",
-  "names": ["generalStyles", "generalRTLIgnoredStyles", "React", "styles", "classNames"]
+  "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": ["React", "styles", "classNames"]
 }

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

@@ -33,6 +33,7 @@ module.exports = __toCommonJS(nodeViewRenderers_loadable_exports);
 var import_component = __toESM(require("@loadable/component"));
 var import_react = __toESM(require("react"));
 var import_ricos_types = require("./../../ricos-types");
+var import_caption_renderer_loadable = require("../../_shared/figure/caption-renderer-loadable");
 const VideoRenderer = ({
   node,
   nodeIndex,
@@ -51,37 +52,8 @@ const VideoRenderer = ({
 const VideoLoadable = ({ node, ...props }) => {
   return /* @__PURE__ */ import_react.default.createElement(VideoRenderer, { key: node.id, node, ...props });
 };
-const CaptionRenderer = ({
-  node,
-  nodeIndex,
-  NodeViewContainer,
-  ...props
-}) => {
-  const ImageCaption = (0, import_react.useMemo)(
-    () => (0, import_component.default)(
-      () => Promise.resolve().then(() => __toESM(require(
-        /* webpackChunkName: "ricos_plugin_image_caption" */
-        "../../plugin-figure/viewer/viewer-caption"
-      )))
-    ),
-    []
-  );
-  return /* @__PURE__ */ import_react.default.createElement(
-    ImageCaption,
-    {
-      key: node.id,
-      node,
-      nodeIndex,
-      NodeViewContainer,
-      ...props
-    }
-  );
-};
-const CaptionLoadable = ({ node, ...props }) => {
-  return /* @__PURE__ */ import_react.default.createElement(CaptionRenderer, { key: node.id, node, ...props });
-};
 const nodeViewRenderers = {
   [import_ricos_types.Node_Type.VIDEO]: VideoLoadable,
-  [import_ricos_types.Node_Type.CAPTION]: CaptionLoadable
+  [import_ricos_types.Node_Type.CAPTION]: import_caption_renderer_loadable.CaptionLoadable
 };
 //# sourceMappingURL=nodeViewRenderers-loadable.js.map

package/dist/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAqB;AAErB,mBAA+B;AAG/B,yBAA0B;AAE1B,MAAM,gBAA2C,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA6B;AAC3B,QAAM,YAAQ;AAAA,IACZ,UAAM,iBAAAA,SAAS,MAAM;AAAA;AAAA,MAAoD;AAAA,IAAgB,GAAC;AAAA,IAC1F,CAAC;AAAA,EACH;AACA,SACE,6BAAAC,QAAA,cAAC,SAAM,MAAY,WAAsB,mBAAuC,GAAG,OAAO;AAE9F;AAEA,MAAM,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,MAA6B;AACnE,SAAO,6BAAAA,QAAA,cAAC,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,mBAAe;AAAA,IACnB,UACE,iBAAAD;AAAA,MACE,MACE;AAAA;AAAA,QACuD;AAAA,MACvD;AAAA,IACJ;AAAA,IACF,CAAC;AAAA,EACH;AACA,SACE,6BAAAC,QAAA;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,6BAAAA,QAAA,cAAC,mBAAgB,KAAK,KAAK,IAAI,MAAa,GAAG,OAAO;AAC/D;AAEO,MAAM,oBAAuC;AAAA,EAClD,CAAC,6BAAU,KAAK,GAAG;AAAA,EACnB,CAAC,6BAAU,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;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAqB;AAErB,mBAA+B;AAG/B,yBAA0B;AAE1B,uCAAgC;AAEhC,MAAM,gBAA2C,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA6B;AAC3B,QAAM,YAAQ;AAAA,IACZ,UAAM,iBAAAA,SAAS,MAAM;AAAA;AAAA,MAAoD;AAAA,IAAgB,GAAC;AAAA,IAC1F,CAAC;AAAA,EACH;AACA,SACE,6BAAAC,QAAA,cAAC,SAAM,MAAY,WAAsB,mBAAuC,GAAG,OAAO;AAE9F;AAEA,MAAM,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,MAA6B;AACnE,SAAO,6BAAAA,QAAA,cAAC,iBAAc,KAAK,KAAK,IAAI,MAAa,GAAG,OAAO;AAC7D;AAEO,MAAM,oBAAuC;AAAA,EAClD,CAAC,6BAAU,KAAK,GAAG;AAAA,EACnB,CAAC,6BAAU,OAAO,GAAG;AACvB;",
   "names": ["loadable", "React"]
 }

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

@@ -31,7 +31,7 @@ __export(nodeViewRenderers_exports, {
 });
 module.exports = __toCommonJS(nodeViewRenderers_exports);
 var import_ricos_types = require("./../../ricos-types");
-var import_viewer_caption = __toESM(require("../../plugin-figure/viewer/viewer-caption"));
+var import_viewer_caption = __toESM(require("../../_shared/figure/viewer-caption"));
 var import_viewer_video = __toESM(require("./viewer-video"));
 const nodeViewRenderers = {
   [import_ricos_types.Node_Type.VIDEO]: import_viewer_video.default,

package/dist/cjs/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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,yBAA0B;AAE1B,4BAAoB;AACpB,0BAAkB;AAEX,MAAM,oBAAuC;AAAA,EAClD,CAAC,6BAAU,KAAK,GAAG,oBAAAA;AAAA,EACnB,CAAC,6BAAU,OAAO,GAAG,sBAAAC;AACvB;",
   "names": ["Video", "Caption"]
 }

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

@@ -32,7 +32,7 @@ __export(viewer_video_exports, {
 module.exports = __toCommonJS(viewer_video_exports);
 var import_react = __toESM(require("react"));
 var import_ricos_context = require("./../../ricos-context");
-var import_viewer_figure = require("../../plugin-figure/viewer/viewer-figure");
+var import_viewer_figure = require("../../_shared/figure/viewer-figure");
 var import_dataHooks = require("../dataHooks");
 var import_video_viewer_scss = __toESM(require("../statics/styles/video-viewer-scss"));
 var import_types = require("../types");

package/dist/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAElC,2BAAmC;AAGnC,2BAA6B;AAC7B,uBAA2B;AAC3B,+BAAmB;AACnB,mBAA2B;AAC3B,mBAAsB;AAEtB,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAC3B,QAAM,EAAE,SAAS,OAAO,QAAI,yBAAW,uCAAkB;AACzD,QAAM,EAAE,UAAU,IAAI;AAEtB,MAAI,CAAC,WAAW;AACd,WAAO;AAAA,EACT;AAEA,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEA,6BAAAA,QAAA,cAAC,SAAI,WAAW,yBAAAC,QAAO,iBAAiB,aAAW,+BACjD,6BAAAD,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,OAAO,uBAAU,KAAK,CAAC;AAAA,QAC/B,eAAe;AAAA,QACf,QAAQ,KAAK;AAAA,QACb,SAAS,CAAC,CAAC;AAAA,QACX,SAAO;AAAA;AAAA,IACT,CACF;AAAA,EACF;AAEJ;AAEA,MAAM,gBAAkC,CAAC,EAAE,MAAM,GAAG,MAAM,MAAM;AAC9D,SAAO,6BAAAA,QAAA,cAAC,eAAY,KAAK,KAAK,IAAI,MAAa,GAAG,OAAO;AAC3D;AAEA,IAAO,uBAAQ;",
   "names": ["React", "styles"]
 }

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

@@ -35,7 +35,6 @@ var import_view = require("@tiptap/pm/view");
 var import_classnames = __toESM(require("classnames"));
 var import_ricos_content = require("./../../ricos-content");
 var import_v1 = require("./../../ricos-schema/legacy/wix/rich_content/v1");
-var import_blockquote_defaults = __toESM(require("./../../ricos-schema/legacy/statics/blockquote.defaults.json"));
 var import_plugin_commons = require("./../../plugin-commons");
 var import_span_wrapper = require("../decoration-plugins/span-wrapper");
 var import_styles_scss = __toESM(require("../statics/styles-scss"));
@@ -70,11 +69,9 @@ const blockquote = (0, import_plugin_commons.createRicosNodeExtension)({
       defining: true,
       addAttributes() {
         return {
-          ...import_blockquote_defaults.default,
-          textStyle: {
-            textAlignment: import_v1.TextStyle_TextAlignment.AUTO
-          },
-          paragraphId: ""
+          indentation: null,
+          textStyle: null,
+          paragraphId: null
         };
       },
       parseHTML() {

package/dist/cjs/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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",
-  "names": ["styles", "blockquoteDataDefaults", "classNames"]
+  "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": ["styles", "classNames"]
 }

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

@@ -32,9 +32,7 @@ __export(extension_exports, {
 module.exports = __toCommonJS(extension_exports);
 var import_core = require("@tiptap/core");
 var import_v1 = require("./../../ricos-schema/legacy/wix/rich_content/v1");
-var import_bulleted_list_defaults = __toESM(require("./../../ricos-schema/legacy/statics/bulleted_list.defaults.json"));
 var import_next_schema = require("./../../ricos-schema/next-schema");
-var import_wix_rich_content_common = require("./../../wix-rich-content-common");
 var import_plugin_commons = require("./../../plugin-commons");
 var import_list_input_rule_handler = require("../list-input-rule-handler");
 var import_styles_scss = __toESM(require("../statics/styles-scss"));
@@ -60,7 +58,14 @@ const bulletedList = (0, import_plugin_commons.createRicosNodeExtension)({
         return [{ tag: "ul" }];
       },
       addAttributes() {
-        return (0, import_wix_rich_content_common.addDefaultsInCorrectFormat)(import_bulleted_list_defaults.default);
+        return {
+          indentation: {
+            default: 0
+          },
+          offset: {
+            default: 0
+          }
+        };
       },
       renderHTML({ HTMLAttributes }) {
         return (0, import_plugin_commons.withBreakoutContainer)([