@wix/ricos 10.110.0 → 10.111.0

package/dist/cjs/plugin-giphy/statics/styles/giphy-viewer-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-giphy/statics/styles/giphy-viewer.scss"],
-  "sourcesContent": ["export default {\n  \"giphy_player\": \"O17rt\",\n  \"gifRatio\": \"xP7At\"\n};"],
+  "sourcesContent": ["export default {\n  \"giphy_player\": \"WWuNE\",\n  \"gifRatio\": \"gRYH8\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,uBAAQ;AAAA,EACb,gBAAgB;AAAA,EAChB,YAAY;AACd;",
   "names": []
 }

package/dist/cjs/plugin-hashtag/statics/hashtag-scss.js

@@ -21,7 +21,7 @@ __export(hashtag_exports, {
 });
 module.exports = __toCommonJS(hashtag_exports);
 var hashtag_default = {
-  "fontElementMap": "a6SYp",
-  "hashtag": "Zl4Pu"
+  "fontElementMap": "_1RIXQ",
+  "hashtag": "fxn3E"
 };
 //# sourceMappingURL=hashtag-scss.js.map

package/dist/cjs/plugin-hashtag/statics/hashtag-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-hashtag/statics/hashtag.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"a6SYp\",\n  \"hashtag\": \"Zl4Pu\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"_1RIXQ\",\n  \"hashtag\": \"fxn3E\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,kBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,WAAW;AACb;",
   "names": []
 }

package/dist/cjs/plugin-headings/statics/styles/headingButtonStyles-scss.js

@@ -21,11 +21,11 @@ __export(headingButtonStyles_exports, {
 });
 module.exports = __toCommonJS(headingButtonStyles_exports);
 var headingButtonStyles_default = {
-  "headingsModal": "IkBYg",
-  "headingsModal_mobile": "OAMMF",
-  "headingsModalOverlay": "guOvL",
-  "headingsModalOverlay_mobile": "D-kt3",
-  "headingPopup_button": "AgZWa",
-  "headingPopup": "HLOk1"
+  "headingsModal": "jtwIQ",
+  "headingsModal_mobile": "-yrDD",
+  "headingsModalOverlay": "Yl-Ca",
+  "headingsModalOverlay_mobile": "enahV",
+  "headingPopup_button": "tSW0Y",
+  "headingPopup": "-i9O-"
 };
 //# sourceMappingURL=headingButtonStyles-scss.js.map

package/dist/cjs/plugin-headings/statics/styles/headingButtonStyles-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-headings/statics/styles/headingButtonStyles.scss"],
-  "sourcesContent": ["export default {\n  \"headingsModal\": \"IkBYg\",\n  \"headingsModal_mobile\": \"OAMMF\",\n  \"headingsModalOverlay\": \"guOvL\",\n  \"headingsModalOverlay_mobile\": \"D-kt3\",\n  \"headingPopup_button\": \"AgZWa\",\n  \"headingPopup\": \"HLOk1\"\n};"],
+  "sourcesContent": ["export default {\n  \"headingsModal\": \"jtwIQ\",\n  \"headingsModal_mobile\": \"-yrDD\",\n  \"headingsModalOverlay\": \"Yl-Ca\",\n  \"headingsModalOverlay_mobile\": \"enahV\",\n  \"headingPopup_button\": \"tSW0Y\",\n  \"headingPopup\": \"-i9O-\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,8BAAQ;AAAA,EACb,iBAAiB;AAAA,EACjB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,+BAA+B;AAAA,EAC/B,uBAAuB;AAAA,EACvB,gBAAgB;AAClB;",
   "names": []
 }

package/dist/cjs/plugin-headings/statics/styles/headings-scss.js

@@ -21,13 +21,13 @@ __export(headings_exports, {
 });
 module.exports = __toCommonJS(headings_exports);
 var headings_default = {
-  "fontElementMap": "kuxNu",
-  "elementSpacing": "F1eh-",
-  "headerOne": "IVyRw F1eh-",
-  "headerTwo": "_27RkQ F1eh-",
-  "headerThree": "m7hQe F1eh-",
-  "headerFour": "E5Hfu F1eh-",
-  "headerFive": "yWuLE F1eh-",
-  "headerSix": "MTlRN F1eh-"
+  "fontElementMap": "H7xGS",
+  "elementSpacing": "FKO7A",
+  "headerOne": "VNS4a FKO7A",
+  "headerTwo": "-fk-Z FKO7A",
+  "headerThree": "xtCwB FKO7A",
+  "headerFour": "WIAGh FKO7A",
+  "headerFive": "X8FCC FKO7A",
+  "headerSix": "CxEnw FKO7A"
 };
 //# sourceMappingURL=headings-scss.js.map

package/dist/cjs/plugin-headings/statics/styles/headings-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-headings/statics/styles/headings.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"kuxNu\",\n  \"elementSpacing\": \"F1eh-\",\n  \"headerOne\": \"IVyRw F1eh-\",\n  \"headerTwo\": \"_27RkQ F1eh-\",\n  \"headerThree\": \"m7hQe F1eh-\",\n  \"headerFour\": \"E5Hfu F1eh-\",\n  \"headerFive\": \"yWuLE F1eh-\",\n  \"headerSix\": \"MTlRN F1eh-\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"H7xGS\",\n  \"elementSpacing\": \"FKO7A\",\n  \"headerOne\": \"VNS4a FKO7A\",\n  \"headerTwo\": \"-fk-Z FKO7A\",\n  \"headerThree\": \"xtCwB FKO7A\",\n  \"headerFour\": \"WIAGh FKO7A\",\n  \"headerFive\": \"X8FCC FKO7A\",\n  \"headerSix\": \"CxEnw FKO7A\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,mBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd,aAAa;AACf;",
   "names": []
 }

package/dist/cjs/plugin-headings/statics/styles/panelStyles-scss.js

@@ -21,11 +21,11 @@ __export(panelStyles_exports, {
 });
 module.exports = __toCommonJS(panelStyles_exports);
 var panelStyles_default = {
-  "fontElementMap": "ubGYO",
-  "headingsPanel": "ah18b",
-  "headingsPanel_selectedHeading": "m5lzP",
-  "headingsMobilePanel": "_2r2Aq",
-  "headingsPanelContainer": "TKqmP",
-  "headingsPanelContainer_mobile": "wucaW"
+  "fontElementMap": "XAuLK",
+  "headingsPanel": "VeIVN",
+  "headingsPanel_selectedHeading": "pCA5-",
+  "headingsMobilePanel": "Mq7da",
+  "headingsPanelContainer": "pXq7D",
+  "headingsPanelContainer_mobile": "Htc1g"
 };
 //# sourceMappingURL=panelStyles-scss.js.map

package/dist/cjs/plugin-headings/statics/styles/panelStyles-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-headings/statics/styles/panelStyles.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"ubGYO\",\n  \"headingsPanel\": \"ah18b\",\n  \"headingsPanel_selectedHeading\": \"m5lzP\",\n  \"headingsMobilePanel\": \"_2r2Aq\",\n  \"headingsPanelContainer\": \"TKqmP\",\n  \"headingsPanelContainer_mobile\": \"wucaW\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"XAuLK\",\n  \"headingsPanel\": \"VeIVN\",\n  \"headingsPanel_selectedHeading\": \"pCA5-\",\n  \"headingsMobilePanel\": \"Mq7da\",\n  \"headingsPanelContainer\": \"pXq7D\",\n  \"headingsPanelContainer_mobile\": \"Htc1g\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,sBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,iCAAiC;AAAA,EACjC,uBAAuB;AAAA,EACvB,0BAA0B;AAAA,EAC1B,iCAAiC;AACnC;",
   "names": []
 }

package/dist/cjs/plugin-html/statics/styles/HtmlComponent-scss.js

@@ -21,7 +21,7 @@ __export(HtmlComponent_exports, {
 });
 module.exports = __toCommonJS(HtmlComponent_exports);
 var HtmlComponent_default = {
-  "htmlComponent": "WSuTR",
-  "htmlComponent_placeholder": "kMuIK"
+  "htmlComponent": "SoGYA",
+  "htmlComponent_placeholder": "dyJH-"
 };
 //# sourceMappingURL=HtmlComponent-scss.js.map

package/dist/cjs/plugin-html/statics/styles/HtmlComponent-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-html/statics/styles/HtmlComponent.scss"],
-  "sourcesContent": ["export default {\n  \"htmlComponent\": \"WSuTR\",\n  \"htmlComponent_placeholder\": \"kMuIK\"\n};"],
+  "sourcesContent": ["export default {\n  \"htmlComponent\": \"SoGYA\",\n  \"htmlComponent_placeholder\": \"dyJH-\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,wBAAQ;AAAA,EACb,iBAAiB;AAAA,EACjB,6BAA6B;AAC/B;",
   "names": []
 }

package/dist/cjs/plugin-html/statics/styles/HtmlEditPanel-scss.js

@@ -21,13 +21,13 @@ __export(HtmlEditPanel_exports, {
 });
 module.exports = __toCommonJS(HtmlEditPanel_exports);
 var HtmlEditPanel_default = {
-  "htmlEditPanel_button": "_6I4XW",
-  "fontElementMap": "QRuB7",
-  "htmlEditPanel": "bCvDb",
-  "htmlEditPanel_input": "cCT-W",
-  "htmlEditPanel_textArea": "fcWHi",
-  "htmlEditPanel_buttons": "WNPc6",
-  "htmlEditPanel_primaryButton": "ddl3E",
-  "htmlEditPanel_secondaryButton": "JnEsY"
+  "htmlEditPanel_button": "KKa4t",
+  "fontElementMap": "WB84z",
+  "htmlEditPanel": "vACzM",
+  "htmlEditPanel_input": "-aCGS",
+  "htmlEditPanel_textArea": "j6Bzl",
+  "htmlEditPanel_buttons": "dzquQ",
+  "htmlEditPanel_primaryButton": "pMQS6",
+  "htmlEditPanel_secondaryButton": "m1jt8"
 };
 //# sourceMappingURL=HtmlEditPanel-scss.js.map

package/dist/cjs/plugin-html/statics/styles/HtmlEditPanel-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-html/statics/styles/HtmlEditPanel.scss"],
-  "sourcesContent": ["export default {\n  \"htmlEditPanel_button\": \"_6I4XW\",\n  \"fontElementMap\": \"QRuB7\",\n  \"htmlEditPanel\": \"bCvDb\",\n  \"htmlEditPanel_input\": \"cCT-W\",\n  \"htmlEditPanel_textArea\": \"fcWHi\",\n  \"htmlEditPanel_buttons\": \"WNPc6\",\n  \"htmlEditPanel_primaryButton\": \"ddl3E\",\n  \"htmlEditPanel_secondaryButton\": \"JnEsY\"\n};"],
+  "sourcesContent": ["export default {\n  \"htmlEditPanel_button\": \"KKa4t\",\n  \"fontElementMap\": \"WB84z\",\n  \"htmlEditPanel\": \"vACzM\",\n  \"htmlEditPanel_input\": \"-aCGS\",\n  \"htmlEditPanel_textArea\": \"j6Bzl\",\n  \"htmlEditPanel_buttons\": \"dzquQ\",\n  \"htmlEditPanel_primaryButton\": \"pMQS6\",\n  \"htmlEditPanel_secondaryButton\": \"m1jt8\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,wBAAQ;AAAA,EACb,wBAAwB;AAAA,EACxB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,uBAAuB;AAAA,EACvB,0BAA0B;AAAA,EAC1B,yBAAyB;AAAA,EACzB,+BAA+B;AAAA,EAC/B,iCAAiC;AACnC;",
   "names": []
 }

package/dist/cjs/plugin-html/statics/styles/Iframe-scss.js

@@ -21,6 +21,6 @@ __export(Iframe_exports, {
 });
 module.exports = __toCommonJS(Iframe_exports);
 var Iframe_default = {
-  "iframe": "hxxlh"
+  "iframe": "It7Cn"
 };
 //# sourceMappingURL=Iframe-scss.js.map

package/dist/cjs/plugin-html/statics/styles/Iframe-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-html/statics/styles/Iframe.scss"],
-  "sourcesContent": ["export default {\n  \"iframe\": \"hxxlh\"\n};"],
+  "sourcesContent": ["export default {\n  \"iframe\": \"It7Cn\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,iBAAQ;AAAA,EACb,UAAU;AACZ;",
   "names": []
 }

package/dist/cjs/plugin-image/converter/image-converter.js

@@ -69,6 +69,9 @@ const imageConverter = {
         return void 0;
       }
       const imageNode = node.content?.find(({ type }) => type === import_ricos_content.TIPTAP_IMAGE_TYPE);
+      if (!imageNode) {
+        return void 0;
+      }
       const { id, ...imageData } = imageNode?.attrs || {};
       const [captionNode] = visit?.(node) ?? [];
       const captionPlainText = extractCaptionInPlainText(node);

package/dist/cjs/plugin-image/converter/image-converter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-image/converter/image-converter.ts"],
-  "sourcesContent": ["import type { PmNodeConverter, PmNodeJson } from './../../pm-converters/types';\nimport {\n  generateId,\n  TIPTAP_CAPTION_TYPE,\n  TIPTAP_FIGURE_TYPE,\n  TIPTAP_IMAGE_TYPE,\n} from './../../ricos-content';\nimport type { Decoration, Node } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { ImageNode } from './../../ricos-types';\n\nexport const imageConverter: PmNodeConverter = {\n  toPm: {\n    types: [Node_Type.IMAGE],\n    convert: (node: ImageNode, visit: (node: Node) => PmNodeJson[]) => {\n      const { containerData, caption: imageCaption, ...imageData } = node.imageData;\n\n      const fallbackCaption: Node = {\n        id: generateId(),\n        type: Node_Type.CAPTION,\n        nodes:\n          typeof imageCaption === 'string' && imageCaption.length\n            ? [\n                {\n                  type: Node_Type.TEXT,\n                  id: '',\n                  nodes: [],\n                  textData: {\n                    text: imageCaption,\n                    decorations: [] as Decoration[],\n                  },\n                },\n              ]\n            : [],\n      };\n\n      const fallBackNodeWithCaoption = { ...node, nodes: [fallbackCaption] };\n\n      return {\n        type: TIPTAP_FIGURE_TYPE,\n        attrs: {\n          id: generateId(),\n        },\n        content: [\n          {\n            type: TIPTAP_IMAGE_TYPE,\n            attrs: {\n              ...imageData,\n              containerData,\n              id: node.id,\n            },\n          },\n          ...visit(node.nodes?.length > 0 ? node : fallBackNodeWithCaoption),\n        ],\n      };\n    },\n  },\n  fromPm: {\n    types: [TIPTAP_FIGURE_TYPE, TIPTAP_IMAGE_TYPE],\n    convert: (node, visit) => {\n      if (node.type === TIPTAP_IMAGE_TYPE) {\n        return undefined;\n      }\n\n      const imageNode = node.content?.find(({ type }) => type === TIPTAP_IMAGE_TYPE);\n      const { id, ...imageData } = imageNode?.attrs || {};\n\n      const [captionNode] = visit?.(node) ?? [];\n      const captionPlainText = extractCaptionInPlainText(node);\n\n      return {\n        type: Node_Type.IMAGE,\n        id: id ?? generateId(),\n        nodes: captionPlainText ? [captionNode] : [],\n        imageData: { ...imageData, caption: captionPlainText },\n      };\n    },\n  },\n};\n\nconst extractCaptionInPlainText = (node: PmNodeJson): string | undefined => {\n  const captionNode = node.content?.find(({ type }) => type === TIPTAP_CAPTION_TYPE) as PmNodeJson;\n\n  return (\n    captionNode?.content?.reduce((acc, { text }) => (text !== undefined ? acc + text : acc), '') ||\n    undefined\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,2BAKO;AAEP,gBAA0B;AAGnB,MAAM,iBAAkC;AAAA,EAC7C,MAAM;AAAA,IACJ,OAAO,CAAC,oBAAU,KAAK;AAAA,IACvB,SAAS,CAAC,MAAiB,UAAwC;AACjE,YAAM,EAAE,eAAe,SAAS,cAAc,GAAG,UAAU,IAAI,KAAK;AAEpE,YAAM,kBAAwB;AAAA,QAC5B,QAAI,iCAAW;AAAA,QACf,MAAM,oBAAU;AAAA,QAChB,OACE,OAAO,iBAAiB,YAAY,aAAa,SAC7C;AAAA,UACE;AAAA,YACE,MAAM,oBAAU;AAAA,YAChB,IAAI;AAAA,YACJ,OAAO,CAAC;AAAA,YACR,UAAU;AAAA,cACR,MAAM;AAAA,cACN,aAAa,CAAC;AAAA,YAChB;AAAA,UACF;AAAA,QACF,IACA,CAAC;AAAA,MACT;AAEA,YAAM,2BAA2B,EAAE,GAAG,MAAM,OAAO,CAAC,eAAe,EAAE;AAErE,aAAO;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,UACL,QAAI,iCAAW;AAAA,QACjB;AAAA,QACA,SAAS;AAAA,UACP;AAAA,YACE,MAAM;AAAA,YACN,OAAO;AAAA,cACL,GAAG;AAAA,cACH;AAAA,cACA,IAAI,KAAK;AAAA,YACX;AAAA,UACF;AAAA,UACA,GAAG,MAAM,KAAK,OAAO,SAAS,IAAI,OAAO,wBAAwB;AAAA,QACnE;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,OAAO,CAAC,yCAAoB,sCAAiB;AAAA,IAC7C,SAAS,CAAC,MAAM,UAAU;AACxB,UAAI,KAAK,SAAS,wCAAmB;AACnC,eAAO;AAAA,MACT;AAEA,YAAM,YAAY,KAAK,SAAS,KAAK,CAAC,EAAE,KAAK,MAAM,SAAS,sCAAiB;AAC7E,YAAM,EAAE,IAAI,GAAG,UAAU,IAAI,WAAW,SAAS,CAAC;AAElD,YAAM,CAAC,WAAW,IAAI,QAAQ,IAAI,KAAK,CAAC;AACxC,YAAM,mBAAmB,0BAA0B,IAAI;AAEvD,aAAO;AAAA,QACL,MAAM,oBAAU;AAAA,QAChB,IAAI,UAAM,iCAAW;AAAA,QACrB,OAAO,mBAAmB,CAAC,WAAW,IAAI,CAAC;AAAA,QAC3C,WAAW,EAAE,GAAG,WAAW,SAAS,iBAAiB;AAAA,MACvD;AAAA,IACF;AAAA,EACF;AACF;AAEA,MAAM,4BAA4B,CAAC,SAAyC;AAC1E,QAAM,cAAc,KAAK,SAAS,KAAK,CAAC,EAAE,KAAK,MAAM,SAAS,wCAAmB;AAEjF,SACE,aAAa,SAAS,OAAO,CAAC,KAAK,EAAE,KAAK,MAAO,SAAS,SAAY,MAAM,OAAO,KAAM,EAAE,KAC3F;AAEJ;",
+  "sourcesContent": ["import type { PmNodeConverter, PmNodeJson } from './../../pm-converters/types';\nimport {\n  generateId,\n  TIPTAP_CAPTION_TYPE,\n  TIPTAP_FIGURE_TYPE,\n  TIPTAP_IMAGE_TYPE,\n} from './../../ricos-content';\nimport type { Decoration, Node } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { ImageNode } from './../../ricos-types';\n\nexport const imageConverter: PmNodeConverter = {\n  toPm: {\n    types: [Node_Type.IMAGE],\n    convert: (node: ImageNode, visit: (node: Node) => PmNodeJson[]) => {\n      const { containerData, caption: imageCaption, ...imageData } = node.imageData;\n\n      const fallbackCaption: Node = {\n        id: generateId(),\n        type: Node_Type.CAPTION,\n        nodes:\n          typeof imageCaption === 'string' && imageCaption.length\n            ? [\n                {\n                  type: Node_Type.TEXT,\n                  id: '',\n                  nodes: [],\n                  textData: {\n                    text: imageCaption,\n                    decorations: [] as Decoration[],\n                  },\n                },\n              ]\n            : [],\n      };\n\n      const fallBackNodeWithCaoption = { ...node, nodes: [fallbackCaption] };\n\n      return {\n        type: TIPTAP_FIGURE_TYPE,\n        attrs: {\n          id: generateId(),\n        },\n        content: [\n          {\n            type: TIPTAP_IMAGE_TYPE,\n            attrs: {\n              ...imageData,\n              containerData,\n              id: node.id,\n            },\n          },\n          ...visit(node.nodes?.length > 0 ? node : fallBackNodeWithCaoption),\n        ],\n      };\n    },\n  },\n  fromPm: {\n    types: [TIPTAP_FIGURE_TYPE, TIPTAP_IMAGE_TYPE],\n    convert: (node, visit) => {\n      if (node.type === TIPTAP_IMAGE_TYPE) {\n        return undefined;\n      }\n\n      const imageNode = node.content?.find(({ type }) => type === TIPTAP_IMAGE_TYPE);\n\n      if (!imageNode) {\n        return undefined;\n      }\n\n      const { id, ...imageData } = imageNode?.attrs || {};\n\n      const [captionNode] = visit?.(node) ?? [];\n      const captionPlainText = extractCaptionInPlainText(node);\n\n      return {\n        type: Node_Type.IMAGE,\n        id: id ?? generateId(),\n        nodes: captionPlainText ? [captionNode] : [],\n        imageData: { ...imageData, caption: captionPlainText },\n      };\n    },\n  },\n};\n\nconst extractCaptionInPlainText = (node: PmNodeJson): string | undefined => {\n  const captionNode = node.content?.find(({ type }) => type === TIPTAP_CAPTION_TYPE) as PmNodeJson;\n\n  return (\n    captionNode?.content?.reduce((acc, { text }) => (text !== undefined ? acc + text : acc), '') ||\n    undefined\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,2BAKO;AAEP,gBAA0B;AAGnB,MAAM,iBAAkC;AAAA,EAC7C,MAAM;AAAA,IACJ,OAAO,CAAC,oBAAU,KAAK;AAAA,IACvB,SAAS,CAAC,MAAiB,UAAwC;AACjE,YAAM,EAAE,eAAe,SAAS,cAAc,GAAG,UAAU,IAAI,KAAK;AAEpE,YAAM,kBAAwB;AAAA,QAC5B,QAAI,iCAAW;AAAA,QACf,MAAM,oBAAU;AAAA,QAChB,OACE,OAAO,iBAAiB,YAAY,aAAa,SAC7C;AAAA,UACE;AAAA,YACE,MAAM,oBAAU;AAAA,YAChB,IAAI;AAAA,YACJ,OAAO,CAAC;AAAA,YACR,UAAU;AAAA,cACR,MAAM;AAAA,cACN,aAAa,CAAC;AAAA,YAChB;AAAA,UACF;AAAA,QACF,IACA,CAAC;AAAA,MACT;AAEA,YAAM,2BAA2B,EAAE,GAAG,MAAM,OAAO,CAAC,eAAe,EAAE;AAErE,aAAO;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,UACL,QAAI,iCAAW;AAAA,QACjB;AAAA,QACA,SAAS;AAAA,UACP;AAAA,YACE,MAAM;AAAA,YACN,OAAO;AAAA,cACL,GAAG;AAAA,cACH;AAAA,cACA,IAAI,KAAK;AAAA,YACX;AAAA,UACF;AAAA,UACA,GAAG,MAAM,KAAK,OAAO,SAAS,IAAI,OAAO,wBAAwB;AAAA,QACnE;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,OAAO,CAAC,yCAAoB,sCAAiB;AAAA,IAC7C,SAAS,CAAC,MAAM,UAAU;AACxB,UAAI,KAAK,SAAS,wCAAmB;AACnC,eAAO;AAAA,MACT;AAEA,YAAM,YAAY,KAAK,SAAS,KAAK,CAAC,EAAE,KAAK,MAAM,SAAS,sCAAiB;AAE7E,UAAI,CAAC,WAAW;AACd,eAAO;AAAA,MACT;AAEA,YAAM,EAAE,IAAI,GAAG,UAAU,IAAI,WAAW,SAAS,CAAC;AAElD,YAAM,CAAC,WAAW,IAAI,QAAQ,IAAI,KAAK,CAAC;AACxC,YAAM,mBAAmB,0BAA0B,IAAI;AAEvD,aAAO;AAAA,QACL,MAAM,oBAAU;AAAA,QAChB,IAAI,UAAM,iCAAW;AAAA,QACrB,OAAO,mBAAmB,CAAC,WAAW,IAAI,CAAC;AAAA,QAC3C,WAAW,EAAE,GAAG,WAAW,SAAS,iBAAiB;AAAA,MACvD;AAAA,IACF;AAAA,EACF;AACF;AAEA,MAAM,4BAA4B,CAAC,SAAyC;AAC1E,QAAM,cAAc,KAAK,SAAS,KAAK,CAAC,EAAE,KAAK,MAAM,SAAS,wCAAmB;AAEjF,SACE,aAAa,SAAS,OAAO,CAAC,KAAK,EAAE,KAAK,MAAO,SAAS,SAAY,MAAM,OAAO,KAAM,EAAE,KAC3F;AAEJ;",
   "names": []
 }

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

@@ -21,16 +21,16 @@ __export(image_settings_exports, {
 });
 module.exports = __toCommonJS(image_settings_exports);
 var image_settings_default = {
-  "imageSettings": "_02rMl",
-  "imageSettingsTitle": "X8O-W",
-  "imageSettingsImageSection": "Ek2VC",
-  "imageSettingsImage": "A8x1J",
-  "imageSettingsSection": "_7yU0U",
-  "imageSettingsLabel": "iv5OM",
-  "imageSettings_scrollContainer": "PqeeT",
-  "imageSettings_inputsWrapper": "UPiXq",
-  "imageSettings_mobile": "J2PAc",
-  "imageSettings_footer": "O4Ghq",
-  "imageSettings_hidden": "qc1gl"
+  "imageSettings": "YDbzX",
+  "imageSettingsTitle": "-IgEi",
+  "imageSettingsImageSection": "NSZwe",
+  "imageSettingsImage": "Geulr",
+  "imageSettingsSection": "qfFI-",
+  "imageSettingsLabel": "fYc1n",
+  "imageSettings_scrollContainer": "-dfIl",
+  "imageSettings_inputsWrapper": "FQsw9",
+  "imageSettings_mobile": "LgAwR",
+  "imageSettings_footer": "-IMC4",
+  "imageSettings_hidden": "lVXg4"
 };
 //# sourceMappingURL=image-settings-scss.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-image/statics/styles/image-settings.scss"],
-  "sourcesContent": ["export default {\n  \"imageSettings\": \"_02rMl\",\n  \"imageSettingsTitle\": \"X8O-W\",\n  \"imageSettingsImageSection\": \"Ek2VC\",\n  \"imageSettingsImage\": \"A8x1J\",\n  \"imageSettingsSection\": \"_7yU0U\",\n  \"imageSettingsLabel\": \"iv5OM\",\n  \"imageSettings_scrollContainer\": \"PqeeT\",\n  \"imageSettings_inputsWrapper\": \"UPiXq\",\n  \"imageSettings_mobile\": \"J2PAc\",\n  \"imageSettings_footer\": \"O4Ghq\",\n  \"imageSettings_hidden\": \"qc1gl\"\n};"],
+  "sourcesContent": ["export default {\n  \"imageSettings\": \"YDbzX\",\n  \"imageSettingsTitle\": \"-IgEi\",\n  \"imageSettingsImageSection\": \"NSZwe\",\n  \"imageSettingsImage\": \"Geulr\",\n  \"imageSettingsSection\": \"qfFI-\",\n  \"imageSettingsLabel\": \"fYc1n\",\n  \"imageSettings_scrollContainer\": \"-dfIl\",\n  \"imageSettings_inputsWrapper\": \"FQsw9\",\n  \"imageSettings_mobile\": \"LgAwR\",\n  \"imageSettings_footer\": \"-IMC4\",\n  \"imageSettings_hidden\": \"lVXg4\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,yBAAQ;AAAA,EACb,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB,6BAA6B;AAAA,EAC7B,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,EACxB,sBAAsB;AAAA,EACtB,iCAAiC;AAAA,EACjC,+BAA+B;AAAA,EAC/B,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,wBAAwB;AAC1B;",
   "names": []
 }

package/dist/cjs/plugin-image/statics/styles/image-viewer.rtlignore-scss.js

@@ -21,19 +21,19 @@ __export(image_viewer_rtlignore_exports, {
 });
 module.exports = __toCommonJS(image_viewer_rtlignore_exports);
 var image_viewer_rtlignore_default = {
-  "fontElementMap": "De-F5",
-  "imageFigure": "Cp7qz",
-  "imageContainer": "hlGHG",
-  "expandContainer": "hkDxm",
-  "expandIcon": "cghlv",
-  "pointer": "SLc47",
-  "imageWrapper": "HZ7Ax",
-  "imageRatio": "Qp-EL",
-  "image": "F-jUg",
-  "imageOverlay": "qxQo1",
-  "imagePreload": "_29Dnv",
-  "imageHighres": "_76Z1l",
-  "onlyHighRes": "tSQre",
-  "image_loading": "ac9pa"
+  "fontElementMap": "hsAPH",
+  "imageFigure": "qK26Y",
+  "imageContainer": "xyVjO",
+  "expandContainer": "Gb4Pq",
+  "expandIcon": "R-zhL",
+  "pointer": "q-T4y",
+  "imageWrapper": "ghlRt",
+  "imageRatio": "H-Rgv",
+  "image": "_8n2Kn",
+  "imageOverlay": "ywc-A",
+  "imagePreload": "hVy9U",
+  "imageHighres": "Ca-wf",
+  "onlyHighRes": "GiCUb",
+  "image_loading": "eLk5L"
 };
 //# sourceMappingURL=image-viewer.rtlignore-scss.js.map

package/dist/cjs/plugin-image/statics/styles/image-viewer.rtlignore-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-image/statics/styles/image-viewer.rtlignore.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"De-F5\",\n  \"imageFigure\": \"Cp7qz\",\n  \"imageContainer\": \"hlGHG\",\n  \"expandContainer\": \"hkDxm\",\n  \"expandIcon\": \"cghlv\",\n  \"pointer\": \"SLc47\",\n  \"imageWrapper\": \"HZ7Ax\",\n  \"imageRatio\": \"Qp-EL\",\n  \"image\": \"F-jUg\",\n  \"imageOverlay\": \"qxQo1\",\n  \"imagePreload\": \"_29Dnv\",\n  \"imageHighres\": \"_76Z1l\",\n  \"onlyHighRes\": \"tSQre\",\n  \"image_loading\": \"ac9pa\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"hsAPH\",\n  \"imageFigure\": \"qK26Y\",\n  \"imageContainer\": \"xyVjO\",\n  \"expandContainer\": \"Gb4Pq\",\n  \"expandIcon\": \"R-zhL\",\n  \"pointer\": \"q-T4y\",\n  \"imageWrapper\": \"ghlRt\",\n  \"imageRatio\": \"H-Rgv\",\n  \"image\": \"_8n2Kn\",\n  \"imageOverlay\": \"ywc-A\",\n  \"imagePreload\": \"hVy9U\",\n  \"imageHighres\": \"Ca-wf\",\n  \"onlyHighRes\": \"GiCUb\",\n  \"image_loading\": \"eLk5L\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,iCAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,iBAAiB;AACnB;",
   "names": []
 }

package/dist/cjs/plugin-image/statics/styles/in-plugin-input-scss.js

@@ -21,7 +21,7 @@ __export(in_plugin_input_exports, {
 });
 module.exports = __toCommonJS(in_plugin_input_exports);
 var in_plugin_input_default = {
-  "fontElementMap": "teHZ4",
-  "inPluginInput": "wKJRm"
+  "fontElementMap": "Cmfsg",
+  "inPluginInput": "_9-H0Y"
 };
 //# sourceMappingURL=in-plugin-input-scss.js.map

package/dist/cjs/plugin-image/statics/styles/in-plugin-input-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-image/statics/styles/in-plugin-input.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"teHZ4\",\n  \"inPluginInput\": \"wKJRm\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"Cmfsg\",\n  \"inPluginInput\": \"_9-H0Y\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,0BAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,iBAAiB;AACnB;",
   "names": []
 }

package/dist/cjs/plugin-image/tiptap/image-tiptap-extension.js

@@ -21,8 +21,6 @@ __export(image_tiptap_extension_exports, {
 });
 module.exports = __toCommonJS(image_tiptap_extension_exports);
 var import_core = require("@tiptap/core");
-var import_model = require("@tiptap/pm/model");
-var import_state = require("@tiptap/pm/state");
 var import_ricos_content = require("./../../ricos-content");
 var import_plugin_commons = require("./../../plugin-commons");
 var import_helpers = require("./../../tiptap-editor/helpers");
@@ -42,91 +40,6 @@ const imageTiptapExtension = (0, import_plugin_commons.createRicosNodeExtension)
     })
   }),
   Component: import_image.Image,
-  renderingOptions: {
-    onDragStart({ editor, dragHandle, event }) {
-      const target = event.target;
-      if (!this.dom || this.contentDOM?.contains(target) || !dragHandle) {
-        return;
-      }
-      if (this.dom === dragHandle) {
-        event.dataTransfer?.setDragImage(this.dom, 0, 0);
-      } else {
-        const domBox = this.dom.getBoundingClientRect();
-        const handleBox = dragHandle.getBoundingClientRect();
-        const nativeEvent = "nativeEvent" in event ? event.nativeEvent : event;
-        const x = handleBox.x - domBox.x + nativeEvent.offsetX;
-        const y = handleBox.y - domBox.y + nativeEvent.offsetY;
-        event.dataTransfer?.setDragImage(this.dom, x, y);
-      }
-      const selection = import_state.NodeSelection.create(editor.view.state.doc, this.getPos() - 1);
-      const transaction = editor.view.state.tr.setSelection(selection);
-      editor.view.dispatch(transaction);
-    },
-    stopEvent({ event }) {
-      const target = event.target;
-      const isInElement = this.dom.contains(target) && !this.contentDOM?.contains(target);
-      if (!isInElement) {
-        return false;
-      }
-      const isDragEvent = event.type.startsWith("drag");
-      const isDropEvent = event.type === "drop";
-      const isInput = ["INPUT", "BUTTON", "SELECT", "TEXTAREA"].includes(target.tagName) || target.isContentEditable;
-      if (isInput && !isDropEvent && !isDragEvent) {
-        return true;
-      }
-      const { isEditable } = this.editor;
-      const { isDragging } = this;
-      const isDraggable = true;
-      const isSelectable = import_state.NodeSelection.isSelectable(this.node);
-      const isCopyEvent = event.type === "copy";
-      const isPasteEvent = event.type === "paste";
-      const isCutEvent = event.type === "cut";
-      const isClickEvent = event.type === "mousedown";
-      if (!isDraggable && isSelectable && isDragEvent) {
-        event.preventDefault();
-      }
-      if (isDraggable && isDragEvent && !isDragging) {
-        event.preventDefault();
-        return false;
-      }
-      if (isDraggable && isEditable && !isDragging && isClickEvent) {
-        const dragHandle = target.closest("[data-drag-handle]");
-        const isValidDragHandle = this.dom.closest(".node-IMAGE")?.contains(dragHandle);
-        if (isValidDragHandle) {
-          this.isDragging = true;
-          const selection = import_state.NodeSelection.create(this.editor.view.state.doc, this.getPos());
-          const transaction = this.editor.view.state.tr.setSelection(selection);
-          this.editor.view.dispatch(transaction);
-          this.editor.view.focus();
-          document.addEventListener(
-            "dragend",
-            () => {
-              this.isDragging = false;
-            },
-            { once: true }
-          );
-          document.addEventListener(
-            "drop",
-            () => {
-              this.isDragging = false;
-            },
-            { once: true }
-          );
-          document.addEventListener(
-            "mouseup",
-            () => {
-              this.isDragging = false;
-            },
-            { once: true }
-          );
-        }
-      }
-      if (isDragging || isDropEvent || isCopyEvent || isPasteEvent || isCutEvent || isClickEvent && isSelectable) {
-        return false;
-      }
-      return true;
-    }
-  },
   createExtensionConfig({ Plugin, PluginKey }) {
     const insertAndUploadImage = ({
       commands,
@@ -171,7 +84,7 @@ const imageTiptapExtension = (0, import_plugin_commons.createRicosNodeExtension)
        * to shortcuts to work
        */
       priority: 102,
-      group: "block",
+      group: "block figure",
       selectable: true,
       draggable: true,
       addAttributes: () => import_consts.tiptapImageAttributeDefaults,
@@ -180,20 +93,6 @@ const imageTiptapExtension = (0, import_plugin_commons.createRicosNodeExtension)
           new Plugin({
             key: new PluginKey("handlePasteImage"),
             props: {
-              transformCopied: (slice, { state }) => {
-                const node = slice.content.firstChild;
-                if (slice.content.size === 1 && node?.type.name === import_ricos_content.TIPTAP_IMAGE_TYPE) {
-                  const imagePos = (0, import_helpers.findNodeById)(state.tr, node.attrs.id)[0]?.pos;
-                  const figureNode = state.doc.resolve(imagePos).parent;
-                  const newSlice = new import_model.Slice(
-                    import_model.Fragment.from(figureNode),
-                    slice.openStart,
-                    slice.openEnd
-                  );
-                  return newSlice;
-                }
-                return slice;
-              },
               handlePaste: (editor, event) => {
                 const { state } = editor;
                 const { selection } = state;

package/dist/cjs/plugin-image/tiptap/image-tiptap-extension.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-image/tiptap/image-tiptap-extension.ts"],
-  "sourcesContent": ["import type { Editor, SingleCommands } from '@tiptap/core';\nimport { findParentNodeClosestToPos } from '@tiptap/core';\nimport { Fragment, Slice } from '@tiptap/pm/model';\nimport { NodeSelection } from '@tiptap/pm/state';\n\nimport type { UploadService } from './../../ricos-common';\nimport {\n  type FileComponentData,\n  generateId,\n  type ImageComponentData,\n  TIPTAP_CAPTION_TYPE,\n  TIPTAP_FIGURE_TYPE,\n  TIPTAP_IMAGE_TYPE,\n  type UpdateEntityFunc,\n  type VideoComponentData,\n} from './../../ricos-content';\nimport type { ExtensionProps, NodeConfig, RicosExtension, RicosServices } from './../../ricos-types';\nimport { createRicosNodeExtension, Uploader } from './../../plugin-commons';\nimport { findNodeById } from './../../tiptap-editor/helpers';\n\nimport { RICOS_DEFAULTS, tiptapImageAttributeDefaults } from '../consts';\nimport { ImagePluginService } from '../toolbar/imagePluginService';\nimport { Image } from './image';\n\nexport type FileUploadHandlerFn = (\n  file: File,\n  updateEntity: UpdateEntityFunc<ImageComponentData | VideoComponentData | FileComponentData>\n) => void;\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    image: {\n      /**\n       * Toggle a paragraph\n       */\n      setImageUrl: (url: string) => ReturnType;\n      /**\n       * Update Image's loading state\n       */\n      setImageLoading: (isLoading: boolean) => ReturnType;\n      /**\n       * Save image from file\n       */\n      insertImageFromFile: (file: File, position: 'above' | 'below') => ReturnType;\n    };\n  }\n}\n\nexport const imageTiptapExtension = createRicosNodeExtension({\n  type: 'react-node',\n  name: TIPTAP_IMAGE_TYPE,\n  groups: ['not-overtypable', 'spoilerable', 'resizable', 'custom-styles', 'shortcuts-enabled'],\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      imagePluginService: new ImagePluginService(),\n      ...settings,\n    }),\n  }),\n  Component: Image,\n  renderingOptions: {\n    onDragStart({ editor, dragHandle, event }) {\n      const target = event.target as HTMLElement;\n      if (!this.dom || this.contentDOM?.contains(target) || !dragHandle) {\n        return;\n      }\n\n      if (this.dom === dragHandle) {\n        event.dataTransfer?.setDragImage(this.dom, 0, 0);\n      } else {\n        const domBox = this.dom.getBoundingClientRect();\n        const handleBox = dragHandle.getBoundingClientRect();\n        const nativeEvent = 'nativeEvent' in event ? event.nativeEvent : event;\n\n        const x = handleBox.x - domBox.x + nativeEvent.offsetX;\n        const y = handleBox.y - domBox.y + nativeEvent.offsetY;\n        event.dataTransfer?.setDragImage(this.dom, x, y);\n      }\n\n      const selection = NodeSelection.create(editor.view.state.doc, this.getPos() - 1); // minus one to select whole figure\n      const transaction = editor.view.state.tr.setSelection(selection);\n      editor.view.dispatch(transaction);\n    },\n    stopEvent({ event }) {\n      const target = event.target as HTMLElement;\n      const isInElement = this.dom.contains(target) && !this.contentDOM?.contains(target);\n      // any event from child nodes should be handled by ProseMirror\n      if (!isInElement) {\n        return false;\n      }\n      const isDragEvent = event.type.startsWith('drag');\n      const isDropEvent = event.type === 'drop';\n      const isInput =\n        ['INPUT', 'BUTTON', 'SELECT', 'TEXTAREA'].includes(target.tagName) ||\n        target.isContentEditable;\n      // any input event within node views should be ignored by ProseMirror\n      if (isInput && !isDropEvent && !isDragEvent) {\n        return true;\n      }\n      const { isEditable } = this.editor;\n      const { isDragging } = this;\n      const isDraggable = true;\n      const isSelectable = NodeSelection.isSelectable(this.node);\n      const isCopyEvent = event.type === 'copy';\n      const isPasteEvent = event.type === 'paste';\n      const isCutEvent = event.type === 'cut';\n      const isClickEvent = event.type === 'mousedown';\n      // ProseMirror tries to drag selectable nodes\n      // even if `draggable` is set to `false`\n      // this fix prevents that\n      if (!isDraggable && isSelectable && isDragEvent) {\n        event.preventDefault();\n      }\n      if (isDraggable && isDragEvent && !isDragging) {\n        event.preventDefault();\n        return false;\n      }\n      // we have to store that dragging started\n      if (isDraggable && isEditable && !isDragging && isClickEvent) {\n        const dragHandle = target.closest('[data-drag-handle]');\n        const isValidDragHandle = this.dom.closest('.node-IMAGE')?.contains(dragHandle);\n        if (isValidDragHandle) {\n          this.isDragging = true;\n\n          // we want to set correct selection when dragging starts when image is not selected\n          const selection = NodeSelection.create(this.editor.view.state.doc, this.getPos());\n          const transaction = this.editor.view.state.tr.setSelection(selection);\n          this.editor.view.dispatch(transaction);\n          this.editor.view.focus();\n\n          document.addEventListener(\n            'dragend',\n            () => {\n              this.isDragging = false;\n            },\n            { once: true }\n          );\n\n          document.addEventListener(\n            'drop',\n            () => {\n              this.isDragging = false;\n            },\n            { once: true }\n          );\n\n          document.addEventListener(\n            'mouseup',\n            () => {\n              this.isDragging = false;\n            },\n            { once: true }\n          );\n        }\n      }\n      // these events are handled by prosemirror\n      if (\n        isDragging ||\n        isDropEvent ||\n        isCopyEvent ||\n        isPasteEvent ||\n        isCutEvent ||\n        (isClickEvent && isSelectable)\n      ) {\n        return false;\n      }\n\n      return true;\n    },\n  },\n  createExtensionConfig({ Plugin, PluginKey }) {\n    const insertAndUploadImage = ({\n      commands,\n      pos,\n      file,\n      uploadService,\n      handleFileUpload,\n      imagePluginService,\n    }: {\n      commands: SingleCommands;\n      pos: number;\n      file: File;\n      uploadService: UploadService;\n      handleFileUpload: FileUploadHandlerFn;\n      imagePluginService: ImagePluginService;\n    }): string => {\n      const imageNodeId = generateId();\n      commands.insertContentAt(pos, {\n        type: TIPTAP_FIGURE_TYPE,\n        attrs: {\n          id: generateId(),\n        },\n        content: [\n          {\n            type: TIPTAP_IMAGE_TYPE,\n            attrs: {\n              id: imageNodeId,\n              containerData: RICOS_DEFAULTS.containerData,\n            },\n          },\n          {\n            type: TIPTAP_CAPTION_TYPE,\n          },\n        ],\n      });\n      uploadService?.uploadFile(\n        file,\n        imageNodeId,\n        new Uploader(handleFileUpload),\n        TIPTAP_FIGURE_TYPE,\n        imagePluginService\n      );\n\n      return imageNodeId;\n    };\n\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',\n      selectable: true,\n      draggable: true,\n      addAttributes: () => tiptapImageAttributeDefaults,\n      addProseMirrorPlugins() {\n        return [\n          new Plugin({\n            key: new PluginKey('handlePasteImage'),\n            props: {\n              transformCopied: (slice, { state }) => {\n                const node = slice.content.firstChild;\n                if (slice.content.size === 1 && node?.type.name === TIPTAP_IMAGE_TYPE) {\n                  const imagePos = findNodeById(state.tr, node.attrs.id)[0]?.pos;\n                  const figureNode = state.doc.resolve(imagePos).parent;\n                  const newSlice = new Slice(\n                    Fragment.from(figureNode),\n                    slice.openStart,\n                    slice.openEnd\n                  );\n\n                  return newSlice;\n                }\n\n                return slice;\n              },\n              handlePaste: (editor, event) => {\n                const { state } = editor;\n                const { selection } = state;\n\n                let hasFiles = false;\n\n                // Prefer text to images.\n                // This check solves issue with MacOS + MS Word, where copied text\n                // will also have `image/png` inside clipboardData, resulting in pasting\n                // image instead of text\n                if (event?.clipboardData?.types.includes('text/plain')) {\n                  return false;\n                }\n\n                this.editor\n                  .chain()\n                  .command(({ tr, commands }) => {\n                    const ids = Array.from(event?.clipboardData?.files || [])\n                      .filter((file: File) => file.type.startsWith('image'))\n                      .map(file => {\n                        return insertAndUploadImage({\n                          commands,\n                          pos: selection.$to.pos,\n                          file,\n                          uploadService: this.options.services?.uploadService,\n                          handleFileUpload: this.options.handleFileUpload,\n                          imagePluginService: this.options.imagePluginService,\n                        });\n                      });\n\n                    const last = ids[ids.length - 1];\n\n                    hasFiles = ids.length > 0;\n\n                    if (last) {\n                      const nodeWithPos = findNodeById(tr, last)[0];\n                      if (nodeWithPos) {\n                        return commands.setNodeSelection(nodeWithPos.pos as number);\n                      }\n                    }\n\n                    return true;\n                  })\n                  .run();\n\n                if (hasFiles) {\n                  event.preventDefault();\n                  return true;\n                }\n                return false;\n              },\n            },\n          }),\n        ];\n      },\n      addCommands() {\n        return {\n          setImageUrl:\n            url =>\n            ({ commands }) => {\n              return commands.updateAttributes(this.name, { image: { src: { custom: url } } });\n            },\n          setImageLoading:\n            loading =>\n            ({ commands }) => {\n              return commands.updateAttributes(this.name, { loading });\n            },\n          insertImageFromFile:\n            (file, insertPosition) =>\n            ({ commands, tr }) => {\n              let position: number;\n\n              const from = tr.selection.from;\n              const to = tr.selection.to;\n              const blockRange = tr.selection.$from.blockRange(tr.selection.$to);\n\n              if (insertPosition === 'above') {\n                const depth = tr.selection.$from.depth;\n                const adjustedPos = blockRange?.start ?? tr.doc.resolve(from).start(depth);\n                position = Math.max(adjustedPos, 0);\n              } else {\n                const depth = tr.selection.$to.depth;\n                const pos = blockRange?.end ?? tr.doc.resolve(to).end(depth);\n                position = pos + (blockRange ? 0 : 1);\n              }\n\n              const id = insertAndUploadImage({\n                commands,\n                pos: position,\n                file,\n                uploadService: this.options.services?.uploadService,\n                handleFileUpload: this.options.handleFileUpload,\n                imagePluginService: this.options.imagePluginService,\n              });\n\n              const nodeWithPos = findNodeById(tr, id)[0];\n              if (nodeWithPos) {\n                return commands.setNodeSelection(nodeWithPos.pos as number);\n              }\n\n              return true;\n            },\n        };\n      },\n      addKeyboardShortcuts() {\n        const newLine = ({ editor }: { editor: Editor }) => {\n          const imageFigure = getImageFigure(editor);\n          if (!imageFigure) {\n            return false;\n          }\n          editor\n            .chain()\n            .setTextSelection(imageFigure.start + imageFigure.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  },\n});\n\nconst getImageFigure = (editor: Editor) =>\n  findParentNodeClosestToPos(\n    editor.state.selection.$from,\n    node => node.type.name === TIPTAP_FIGURE_TYPE\n  );\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { Editor, SingleCommands } from '@tiptap/core';\nimport { findParentNodeClosestToPos } from '@tiptap/core';\n\nimport type { UploadService } from './../../ricos-common';\nimport {\n  type FileComponentData,\n  generateId,\n  type ImageComponentData,\n  TIPTAP_CAPTION_TYPE,\n  TIPTAP_FIGURE_TYPE,\n  TIPTAP_IMAGE_TYPE,\n  type UpdateEntityFunc,\n  type VideoComponentData,\n} from './../../ricos-content';\nimport type { ExtensionProps, NodeConfig, RicosExtension, RicosServices } from './../../ricos-types';\nimport { createRicosNodeExtension, Uploader } from './../../plugin-commons';\nimport { findNodeById } from './../../tiptap-editor/helpers';\n\nimport { RICOS_DEFAULTS, tiptapImageAttributeDefaults } from '../consts';\nimport { ImagePluginService } from '../toolbar/imagePluginService';\nimport { Image } from './image';\n\nexport type FileUploadHandlerFn = (\n  file: File,\n  updateEntity: UpdateEntityFunc<ImageComponentData | VideoComponentData | FileComponentData>\n) => void;\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    image: {\n      /**\n       * Toggle a paragraph\n       */\n      setImageUrl: (url: string) => ReturnType;\n      /**\n       * Update Image's loading state\n       */\n      setImageLoading: (isLoading: boolean) => ReturnType;\n      /**\n       * Save image from file\n       */\n      insertImageFromFile: (file: File, position: 'above' | 'below') => ReturnType;\n    };\n  }\n}\n\nexport const imageTiptapExtension = createRicosNodeExtension({\n  type: 'react-node',\n  name: TIPTAP_IMAGE_TYPE,\n  groups: ['not-overtypable', 'spoilerable', 'resizable', 'custom-styles', 'shortcuts-enabled'],\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      imagePluginService: new ImagePluginService(),\n      ...settings,\n    }),\n  }),\n  Component: Image,\n  createExtensionConfig({ Plugin, PluginKey }) {\n    const insertAndUploadImage = ({\n      commands,\n      pos,\n      file,\n      uploadService,\n      handleFileUpload,\n      imagePluginService,\n    }: {\n      commands: SingleCommands;\n      pos: number;\n      file: File;\n      uploadService: UploadService;\n      handleFileUpload: FileUploadHandlerFn;\n      imagePluginService: ImagePluginService;\n    }): string => {\n      const imageNodeId = generateId();\n      commands.insertContentAt(pos, {\n        type: TIPTAP_FIGURE_TYPE,\n        attrs: {\n          id: generateId(),\n        },\n        content: [\n          {\n            type: TIPTAP_IMAGE_TYPE,\n            attrs: {\n              id: imageNodeId,\n              containerData: RICOS_DEFAULTS.containerData,\n            },\n          },\n          {\n            type: TIPTAP_CAPTION_TYPE,\n          },\n        ],\n      });\n      uploadService?.uploadFile(\n        file,\n        imageNodeId,\n        new Uploader(handleFileUpload),\n        TIPTAP_FIGURE_TYPE,\n        imagePluginService\n      );\n\n      return imageNodeId;\n    };\n\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: () => tiptapImageAttributeDefaults,\n      addProseMirrorPlugins() {\n        return [\n          new Plugin({\n            key: new PluginKey('handlePasteImage'),\n            props: {\n              handlePaste: (editor, event) => {\n                const { state } = editor;\n                const { selection } = state;\n\n                let hasFiles = false;\n\n                // Prefer text to images.\n                // This check solves issue with MacOS + MS Word, where copied text\n                // will also have `image/png` inside clipboardData, resulting in pasting\n                // image instead of text\n                if (event?.clipboardData?.types.includes('text/plain')) {\n                  return false;\n                }\n\n                this.editor\n                  .chain()\n                  .command(({ tr, commands }) => {\n                    const ids = Array.from(event?.clipboardData?.files || [])\n                      .filter((file: File) => file.type.startsWith('image'))\n                      .map(file => {\n                        return insertAndUploadImage({\n                          commands,\n                          pos: selection.$to.pos,\n                          file,\n                          uploadService: this.options.services?.uploadService,\n                          handleFileUpload: this.options.handleFileUpload,\n                          imagePluginService: this.options.imagePluginService,\n                        });\n                      });\n\n                    const last = ids[ids.length - 1];\n\n                    hasFiles = ids.length > 0;\n\n                    if (last) {\n                      const nodeWithPos = findNodeById(tr, last)[0];\n                      if (nodeWithPos) {\n                        return commands.setNodeSelection(nodeWithPos.pos as number);\n                      }\n                    }\n\n                    return true;\n                  })\n                  .run();\n\n                if (hasFiles) {\n                  event.preventDefault();\n                  return true;\n                }\n                return false;\n              },\n            },\n          }),\n        ];\n      },\n      addCommands() {\n        return {\n          setImageUrl:\n            url =>\n            ({ commands }) => {\n              return commands.updateAttributes(this.name, { image: { src: { custom: url } } });\n            },\n          setImageLoading:\n            loading =>\n            ({ commands }) => {\n              return commands.updateAttributes(this.name, { loading });\n            },\n          insertImageFromFile:\n            (file, insertPosition) =>\n            ({ commands, tr }) => {\n              let position: number;\n\n              const from = tr.selection.from;\n              const to = tr.selection.to;\n              const blockRange = tr.selection.$from.blockRange(tr.selection.$to);\n\n              if (insertPosition === 'above') {\n                const depth = tr.selection.$from.depth;\n                const adjustedPos = blockRange?.start ?? tr.doc.resolve(from).start(depth);\n                position = Math.max(adjustedPos, 0);\n              } else {\n                const depth = tr.selection.$to.depth;\n                const pos = blockRange?.end ?? tr.doc.resolve(to).end(depth);\n                position = pos + (blockRange ? 0 : 1);\n              }\n\n              const id = insertAndUploadImage({\n                commands,\n                pos: position,\n                file,\n                uploadService: this.options.services?.uploadService,\n                handleFileUpload: this.options.handleFileUpload,\n                imagePluginService: this.options.imagePluginService,\n              });\n\n              const nodeWithPos = findNodeById(tr, id)[0];\n              if (nodeWithPos) {\n                return commands.setNodeSelection(nodeWithPos.pos as number);\n              }\n\n              return true;\n            },\n        };\n      },\n      addKeyboardShortcuts() {\n        const newLine = ({ editor }: { editor: Editor }) => {\n          const imageFigure = getImageFigure(editor);\n          if (!imageFigure) {\n            return false;\n          }\n          editor\n            .chain()\n            .setTextSelection(imageFigure.start + imageFigure.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  },\n});\n\nconst getImageFigure = (editor: Editor) =>\n  findParentNodeClosestToPos(\n    editor.state.selection.$from,\n    node => node.type.name === TIPTAP_FIGURE_TYPE\n  );\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/plugin-image/viewer/common-types.js

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var common_types_exports = {};
+module.exports = __toCommonJS(common_types_exports);
+//# sourceMappingURL=common-types.js.map

package/dist/cjs/plugin-image/viewer/common-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugin-image/viewer/common-types.ts"],
+  "sourcesContent": ["export type ImageClickActionHandle = (e: React.MouseEvent | React.KeyboardEvent) => void;\n\nexport type ImageClickActionConfig =\n  | {\n      type: 'link' | 'anchor' | 'regular';\n    }\n  | {\n      type: 'expand';\n      onClick: ImageClickActionHandle;\n    };\n"],
+  "mappings": ";;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}