@wix/ricos 10.112.0 → 10.114.0

package/dist/cjs/plugin-giphy/converter/fixtures/ricos-gif-converted.json

@@ -0,0 +1,40 @@
+{
+  "type": "FIGURE",
+  "attrs": {
+    "id": "figure-id"
+  },
+  "content": [
+    {
+      "type": "GIF",
+      "attrs": {
+        "id": "2",
+        "containerData": {
+          "width": {
+            "size": "SMALL"
+          },
+          "alignment": "CENTER",
+          "textWrap": true
+        },
+        "height": 281,
+        "width": 500,
+        "original": {
+          "gif": "https://media1.giphy.com/media/Cn44PUsTVimwBAtIRx/giphy.gif?cid=558f2fbejldbq3cgzrasbh2j4z47w8nn51qcbjzc6dg7g7af&rid=giphy.gif",
+          "mp4": "https://media1.giphy.com/media/Cn44PUsTVimwBAtIRx/giphy.mp4?cid=558f2fbejldbq3cgzrasbh2j4z47w8nn51qcbjzc6dg7g7af&rid=giphy.mp4",
+          "still": "https://media1.giphy.com/media/Cn44PUsTVimwBAtIRx/giphy_s.gif?cid=558f2fbejldbq3cgzrasbh2j4z47w8nn51qcbjzc6dg7g7af&rid=giphy_s.gif"
+        },
+        "downsized": {
+          "gif": "https://media1.giphy.com/media/Cn44PUsTVimwBAtIRx/giphy-downsized.gif?cid=558f2fbejldbq3cgzrasbh2j4z47w8nn51qcbjzc6dg7g7af&rid=giphy-downsized.gif",
+          "mp4": "https://media1.giphy.com/media/Cn44PUsTVimwBAtIRx/giphy-downsized-small.mp4?cid=558f2fbejldbq3cgzrasbh2j4z47w8nn51qcbjzc6dg7g7af&rid=giphy-downsized-small.mp4",
+          "still": "https://media1.giphy.com/media/Cn44PUsTVimwBAtIRx/giphy-downsized_s.gif?cid=558f2fbejldbq3cgzrasbh2j4z47w8nn51qcbjzc6dg7g7af&rid=giphy-downsized_s.gif"
+        }
+      }
+    },
+    {
+      "type": "CAPTION",
+      "attrs": {
+        "id": "caption-id"
+      },
+      "content": []
+    }
+  ]
+}

package/dist/cjs/plugin-giphy/converter/fixtures/ricos-gif-with-caption-converted.json

@@ -0,0 +1,49 @@
+{
+  "type": "FIGURE",
+  "attrs": {
+    "id": "figure-id"
+  },
+  "content": [
+    {
+      "type": "GIF",
+      "attrs": {
+        "containerData": {
+          "width": {
+            "size": "SMALL"
+          },
+          "alignment": "CENTER",
+          "textWrap": true
+        },
+        "original": {
+          "gif": "url0",
+          "mp4": "url1",
+          "still": "url2"
+        },
+        "downsized": {
+          "gif": "url3",
+          "mp4": "url4",
+          "still": "url5"
+        },
+        "height": 281,
+        "width": 500,
+        "id": "2"
+      }
+    },
+    {
+      "type": "CAPTION",
+      "attrs": {
+        "id": "3"
+      },
+      "content": [
+        {
+          "type": "text",
+          "text": "aayy caption",
+          "marks": [],
+          "attrs": {
+            "id": ""
+          }
+        }
+      ]
+    }
+  ]
+}

package/dist/cjs/plugin-giphy/converter/fixtures/ricos-gif-with-caption.json

@@ -0,0 +1,42 @@
+{
+  "type": "GIF",
+  "id": "2",
+  "nodes": [
+    {
+      "type": "CAPTION",
+      "id": "3",
+      "nodes": [
+        {
+          "type": "TEXT",
+          "id": "",
+          "nodes": [],
+          "textData": {
+            "text": "aayy caption",
+            "decorations": []
+          }
+        }
+      ]
+    }
+  ],
+  "gifData": {
+    "containerData": {
+      "width": {
+        "size": "SMALL"
+      },
+      "alignment": "CENTER",
+      "textWrap": true
+    },
+    "original": {
+      "gif": "url0",
+      "mp4": "url1",
+      "still": "url2"
+    },
+    "downsized": {
+      "gif": "url3",
+      "mp4": "url4",
+      "still": "url5"
+    },
+    "height": 281,
+    "width": 500
+  }
+}

package/dist/cjs/plugin-giphy/converter/fixtures/ricos-gif.json

@@ -0,0 +1,26 @@
+{
+  "type": "GIF",
+  "id": "2",
+  "nodes": [],
+  "gifData": {
+    "containerData": {
+      "width": {
+        "size": "SMALL"
+      },
+      "alignment": "CENTER",
+      "textWrap": true
+    },
+    "original": {
+      "gif": "https://media1.giphy.com/media/Cn44PUsTVimwBAtIRx/giphy.gif?cid=558f2fbejldbq3cgzrasbh2j4z47w8nn51qcbjzc6dg7g7af&rid=giphy.gif",
+      "mp4": "https://media1.giphy.com/media/Cn44PUsTVimwBAtIRx/giphy.mp4?cid=558f2fbejldbq3cgzrasbh2j4z47w8nn51qcbjzc6dg7g7af&rid=giphy.mp4",
+      "still": "https://media1.giphy.com/media/Cn44PUsTVimwBAtIRx/giphy_s.gif?cid=558f2fbejldbq3cgzrasbh2j4z47w8nn51qcbjzc6dg7g7af&rid=giphy_s.gif"
+    },
+    "downsized": {
+      "gif": "https://media1.giphy.com/media/Cn44PUsTVimwBAtIRx/giphy-downsized.gif?cid=558f2fbejldbq3cgzrasbh2j4z47w8nn51qcbjzc6dg7g7af&rid=giphy-downsized.gif",
+      "mp4": "https://media1.giphy.com/media/Cn44PUsTVimwBAtIRx/giphy-downsized-small.mp4?cid=558f2fbejldbq3cgzrasbh2j4z47w8nn51qcbjzc6dg7g7af&rid=giphy-downsized-small.mp4",
+      "still": "https://media1.giphy.com/media/Cn44PUsTVimwBAtIRx/giphy-downsized_s.gif?cid=558f2fbejldbq3cgzrasbh2j4z47w8nn51qcbjzc6dg7g7af&rid=giphy-downsized_s.gif"
+    },
+    "height": 281,
+    "width": 500
+  }
+}

package/dist/cjs/plugin-giphy/converter/gif-converter.js

@@ -0,0 +1,74 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var gif_converter_exports = {};
+__export(gif_converter_exports, {
+  gifConverter: () => gifConverter
+});
+module.exports = __toCommonJS(gif_converter_exports);
+var import_ricos_content = require("./../../ricos-content");
+var import_consts = require("./../../ricos-content/consts");
+var import_v1 = require("./../../ricos-schema/legacy/wix/rich_content/v1");
+const gifConverter = {
+  toPm: {
+    types: [import_v1.Node_Type.GIF],
+    convert: (node, visit) => {
+      const fallbackCaption = {
+        id: (0, import_ricos_content.generateId)(),
+        type: import_v1.Node_Type.CAPTION,
+        nodes: []
+      };
+      return {
+        type: import_consts.TIPTAP_FIGURE_TYPE,
+        attrs: {
+          id: (0, import_ricos_content.generateId)()
+        },
+        content: [
+          {
+            type: import_ricos_content.TIPTAP_GIF_TYPE,
+            attrs: {
+              ...node.gifData,
+              id: node.id
+            }
+          },
+          ...visit(node.nodes?.length > 0 ? node : { ...node, nodes: [fallbackCaption] })
+        ]
+      };
+    }
+  },
+  fromPm: {
+    types: [import_consts.TIPTAP_FIGURE_TYPE, import_ricos_content.TIPTAP_GIF_TYPE],
+    convert: (node, visit) => {
+      if (node.type === import_ricos_content.TIPTAP_GIF_TYPE) {
+        return void 0;
+      }
+      const gifNode = node.content?.find(({ type }) => type === import_ricos_content.TIPTAP_GIF_TYPE);
+      if (!gifNode) {
+        return void 0;
+      }
+      const { id, ...data } = gifNode?.attrs || {};
+      const [captionNode] = visit?.(node) ?? [];
+      return {
+        type: import_v1.Node_Type.GIF,
+        id: id ?? (0, import_ricos_content.generateId)(),
+        nodes: captionNode?.nodes[0]?.textData?.text ? [captionNode] : [],
+        gifData: data
+      };
+    }
+  }
+};
+//# sourceMappingURL=gif-converter.js.map

package/dist/cjs/plugin-giphy/converter/gif-converter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugin-giphy/converter/gif-converter.ts"],
+  "sourcesContent": ["import type { PmNodeConverter, PmNodeJson } from './../../pm-converters/types';\nimport { generateId, TIPTAP_GIF_TYPE } from './../../ricos-content';\nimport { TIPTAP_FIGURE_TYPE } from './../../ricos-content/consts';\nimport type { GIFData, Node } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { GifNode } from './../../ricos-types';\n\nexport const gifConverter: PmNodeConverter = {\n  toPm: {\n    types: [Node_Type.GIF],\n    convert: (node: GifNode, visit: (node: Node) => PmNodeJson[]) => {\n      const fallbackCaption: Node = {\n        id: generateId(),\n        type: Node_Type.CAPTION,\n        nodes: [],\n      };\n\n      return {\n        type: TIPTAP_FIGURE_TYPE,\n        attrs: {\n          id: generateId(),\n        },\n        content: [\n          {\n            type: TIPTAP_GIF_TYPE,\n            attrs: {\n              ...node.gifData,\n              id: node.id,\n            },\n          },\n          ...visit(node.nodes?.length > 0 ? node : { ...node, nodes: [fallbackCaption] }),\n        ],\n      };\n    },\n  },\n  fromPm: {\n    types: [TIPTAP_FIGURE_TYPE, TIPTAP_GIF_TYPE],\n    convert: (node, visit) => {\n      if (node.type === TIPTAP_GIF_TYPE) {\n        return undefined;\n      }\n      const gifNode = node.content?.find(({ type }) => type === TIPTAP_GIF_TYPE);\n\n      if (!gifNode) {\n        return undefined;\n      }\n\n      const { id, ...data } = gifNode?.attrs || {};\n\n      const [captionNode] = visit?.(node) ?? [];\n\n      return {\n        type: Node_Type.GIF,\n        id: id ?? generateId(),\n        nodes: captionNode?.nodes[0]?.textData?.text ? [captionNode] : [],\n        gifData: data as GIFData,\n      };\n    },\n  },\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,2BAA4C;AAC5C,oBAAmC;AAEnC,gBAA0B;AAGnB,MAAM,eAAgC;AAAA,EAC3C,MAAM;AAAA,IACJ,OAAO,CAAC,oBAAU,GAAG;AAAA,IACrB,SAAS,CAAC,MAAe,UAAwC;AAC/D,YAAM,kBAAwB;AAAA,QAC5B,QAAI,iCAAW;AAAA,QACf,MAAM,oBAAU;AAAA,QAChB,OAAO,CAAC;AAAA,MACV;AAEA,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,KAAK;AAAA,cACR,IAAI,KAAK;AAAA,YACX;AAAA,UACF;AAAA,UACA,GAAG,MAAM,KAAK,OAAO,SAAS,IAAI,OAAO,EAAE,GAAG,MAAM,OAAO,CAAC,eAAe,EAAE,CAAC;AAAA,QAChF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,OAAO,CAAC,kCAAoB,oCAAe;AAAA,IAC3C,SAAS,CAAC,MAAM,UAAU;AACxB,UAAI,KAAK,SAAS,sCAAiB;AACjC,eAAO;AAAA,MACT;AACA,YAAM,UAAU,KAAK,SAAS,KAAK,CAAC,EAAE,KAAK,MAAM,SAAS,oCAAe;AAEzE,UAAI,CAAC,SAAS;AACZ,eAAO;AAAA,MACT;AAEA,YAAM,EAAE,IAAI,GAAG,KAAK,IAAI,SAAS,SAAS,CAAC;AAE3C,YAAM,CAAC,WAAW,IAAI,QAAQ,IAAI,KAAK,CAAC;AAExC,aAAO;AAAA,QACL,MAAM,oBAAU;AAAA,QAChB,IAAI,UAAM,iCAAW;AAAA,QACrB,OAAO,aAAa,MAAM,CAAC,GAAG,UAAU,OAAO,CAAC,WAAW,IAAI,CAAC;AAAA,QAChE,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/cjs/plugin-giphy/editor.js

@@ -21,10 +21,12 @@ __export(editor_exports, {
 });
 module.exports = __toCommonJS(editor_exports);
 var import_ricos_types = require("./../ricos-types");
+var import_wix_rich_content_common = require("./../wix-rich-content-common");
+var import_editor = require("../plugin-figure/editor");
 var import_constants = require("./constants");
+var import_gif_converter = require("./converter/gif-converter");
 var import_getAddButtons = require("./getAddButtons");
 var import_getToolbarButtons = require("./getToolbarButtons");
-var import_gif_converter = require("./gif-converter");
 var import_tiptap = require("./tiptap/tiptap");
 var import_types = require("./types");
 const pluginGiphy = (config) => {
@@ -38,8 +40,16 @@ const pluginGiphy = (config) => {
     getAddButtons: (config2, services) => (0, import_getAddButtons.getAddButtons)(config2, services),
     toolbar: {
       names: [import_ricos_types.RicosPluginToolbarNames.GIF],
-      getButtons: (config2, services) => (0, import_getToolbarButtons.getToolbarButtons)(config2, services)
-    }
+      getButtons: (config2, services) => (0, import_getToolbarButtons.getToolbarButtons)(config2, services),
+      resolveReferenceElement: (tiptapEditor) => {
+        const startNodePos = tiptapEditor.state.selection.$from;
+        if (startNodePos.nodeAfter?.type.name !== import_wix_rich_content_common.TIPTAP_GIF_TYPE) {
+          return null;
+        }
+        return tiptapEditor.view.nodeDOM(startNodePos.pos - 1);
+      }
+    },
+    dependencies: [import_editor.pluginFigure]
   };
 };
 //# sourceMappingURL=editor.js.map

package/dist/cjs/plugin-giphy/editor.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-giphy/editor.ts"],
-  "sourcesContent": ["import { RicosPluginToolbarNames, type TiptapEditorPlugin } from './../ricos-types';\nimport type { EditorPluginCreator } from './../wix-rich-content-common';\n\nimport { DEFAULT_CONFIGS } from './constants';\nimport { getAddButtons } from './getAddButtons';\nimport { getToolbarButtons } from './getToolbarButtons';\nimport { gifConverter } from './gif-converter';\nimport { tiptapExtensions } from './tiptap/tiptap';\nimport type { GiphyPluginEditorConfig } from './types';\nimport { GIPHY_TYPE } from './types';\n\nexport const pluginGiphy: EditorPluginCreator<GiphyPluginEditorConfig> = config => {\n  const pluginConfig = { ...DEFAULT_CONFIGS.editor, ...config };\n  return {\n    config: pluginConfig,\n    pmMarkConverters: [],\n    pmNodeConverters: [gifConverter],\n    type: GIPHY_TYPE,\n    tiptapExtensions,\n    getAddButtons: (config, services) => getAddButtons(config, services),\n    toolbar: {\n      names: [RicosPluginToolbarNames.GIF],\n      getButtons: (config, services) => getToolbarButtons(config, services),\n    },\n  } as TiptapEditorPlugin;\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAiE;AAGjE,uBAAgC;AAChC,2BAA8B;AAC9B,+BAAkC;AAClC,2BAA6B;AAC7B,oBAAiC;AAEjC,mBAA2B;AAEpB,MAAM,cAA4D,YAAU;AACjF,QAAM,eAAe,EAAE,GAAG,iCAAgB,QAAQ,GAAG,OAAO;AAC5D,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,kBAAkB,CAAC;AAAA,IACnB,kBAAkB,CAAC,iCAAY;AAAA,IAC/B,MAAM;AAAA,IACN;AAAA,IACA,eAAe,CAACA,SAAQ,iBAAa,oCAAcA,SAAQ,QAAQ;AAAA,IACnE,SAAS;AAAA,MACP,OAAO,CAAC,2CAAwB,GAAG;AAAA,MACnC,YAAY,CAACA,SAAQ,iBAAa,4CAAkBA,SAAQ,QAAQ;AAAA,IACtE;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { RicosPluginToolbarNames } from './../ricos-types';\nimport { type EditorPluginCreator, TIPTAP_GIF_TYPE } from './../wix-rich-content-common';\n\nimport { pluginFigure } from '../plugin-figure/editor';\nimport { DEFAULT_CONFIGS } from './constants';\nimport { gifConverter } from './converter/gif-converter';\nimport { getAddButtons } from './getAddButtons';\nimport { getToolbarButtons } from './getToolbarButtons';\nimport { tiptapExtensions } from './tiptap/tiptap';\nimport type { GiphyPluginEditorConfig } from './types';\nimport { GIPHY_TYPE } from './types';\n\nexport const pluginGiphy: EditorPluginCreator<GiphyPluginEditorConfig> = config => {\n  const pluginConfig = { ...DEFAULT_CONFIGS.editor, ...config };\n  return {\n    config: pluginConfig,\n    pmMarkConverters: [],\n    pmNodeConverters: [gifConverter],\n    type: GIPHY_TYPE,\n    tiptapExtensions,\n    getAddButtons: (config, services) => getAddButtons(config, services),\n    toolbar: {\n      names: [RicosPluginToolbarNames.GIF],\n      getButtons: (config, services) => getToolbarButtons(config, services),\n      resolveReferenceElement: tiptapEditor => {\n        const startNodePos = tiptapEditor.state.selection.$from;\n        if (startNodePos.nodeAfter?.type.name !== TIPTAP_GIF_TYPE) {\n          return null;\n        }\n        return tiptapEditor.view.nodeDOM(startNodePos.pos - 1) as HTMLElement | null;\n      },\n    },\n    dependencies: [pluginFigure],\n  };\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAwC;AACxC,qCAA0D;AAE1D,oBAA6B;AAC7B,uBAAgC;AAChC,2BAA6B;AAC7B,2BAA8B;AAC9B,+BAAkC;AAClC,oBAAiC;AAEjC,mBAA2B;AAEpB,MAAM,cAA4D,YAAU;AACjF,QAAM,eAAe,EAAE,GAAG,iCAAgB,QAAQ,GAAG,OAAO;AAC5D,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,kBAAkB,CAAC;AAAA,IACnB,kBAAkB,CAAC,iCAAY;AAAA,IAC/B,MAAM;AAAA,IACN;AAAA,IACA,eAAe,CAACA,SAAQ,iBAAa,oCAAcA,SAAQ,QAAQ;AAAA,IACnE,SAAS;AAAA,MACP,OAAO,CAAC,2CAAwB,GAAG;AAAA,MACnC,YAAY,CAACA,SAAQ,iBAAa,4CAAkBA,SAAQ,QAAQ;AAAA,MACpE,yBAAyB,kBAAgB;AACvC,cAAM,eAAe,aAAa,MAAM,UAAU;AAClD,YAAI,aAAa,WAAW,KAAK,SAAS,gDAAiB;AACzD,iBAAO;AAAA,QACT;AACA,eAAO,aAAa,KAAK,QAAQ,aAAa,MAAM,CAAC;AAAA,MACvD;AAAA,IACF;AAAA,IACA,cAAc,CAAC,0BAAY;AAAA,EAC7B;AACF;",
   "names": ["config"]
 }

package/dist/cjs/plugin-giphy/getToolbarButtons.js

@@ -31,6 +31,7 @@ __export(getToolbarButtons_exports, {
 });
 module.exports = __toCommonJS(getToolbarButtons_exports);
 var import_react = __toESM(require("react"));
+var import_consts = require("./../ricos-content/consts");
 var import_editor_common = require("./../editor-common");
 var import_plugin_commons = require("./../plugin-commons");
 var import_toolbars_ui = require("./../toolbars-ui");
@@ -106,7 +107,19 @@ const getToolbarButtons = (config, services) => {
       id: import_editor_common.PLUGIN_TOOLBAR_BUTTON_ID.SEPARATOR
     },
     {
-      id: import_editor_common.PLUGIN_TOOLBAR_BUTTON_ID.DELETE
+      id: import_editor_common.PLUGIN_TOOLBAR_BUTTON_ID.DELETE,
+      renderer: (toolbarItem) => {
+        return /* @__PURE__ */ import_react.default.createElement(import_toolbars_ui.DeleteButton, { toolbarItem });
+      },
+      command: (data) => {
+        const figures = data.editorCommands.$nodes(import_consts.TIPTAP_FIGURE_TYPE);
+        const selectedFigure = figures?.find((f) => {
+          return f.firstChild?.node.attrs.id === data.attributes.selectedNode.attrs.id;
+        });
+        if (selectedFigure) {
+          data.editorCommands.chain().focus().deleteNode(selectedFigure.attributes.id).run();
+        }
+      }
     }
   ];
 };

package/dist/cjs/plugin-giphy/getToolbarButtons.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-giphy/getToolbarButtons.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport type { PluginContainerData_Width_Type } from './../ricos-schema/legacy/wix/rich_content/v1';\nimport type { RicosServices, ToolbarButton } from './../ricos-types';\nimport {\n  decorateComponentWithProps,\n  PLUGIN_TOOLBAR_BUTTON_ID,\n} from './../editor-common';\nimport { getVisibleOnlyOnDesktopResolver } from './../plugin-commons';\nimport {\n  AlignmentPanel,\n  NodeAlignmentButton,\n  NodeSizeButton,\n  SizePanel,\n} from './../toolbars-ui';\n\nimport { GIF_BUTTONS, gifModals } from './constants';\nimport InsertModal from './modals/InsertModal';\n\nexport const getToolbarButtons = (config, services: RicosServices): ToolbarButton[] => {\n  const {\n    context: { isMobile },\n  } = services;\n\n  return [\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.SIZE,\n      modal: {\n        Component: decorateComponentWithProps(SizePanel, {\n          options: [\n            'SMALL',\n            'CONTENT',\n            'FULL_WIDTH',\n            'ORIGINAL',\n          ] as PluginContainerData_Width_Type[],\n        }),\n        id: GIF_BUTTONS.size,\n      },\n      renderer: toolbarItem => <NodeSizeButton id={GIF_BUTTONS.size} toolbarItem={toolbarItem} />,\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.SEPARATOR,\n      attributes: {\n        visible: getVisibleOnlyOnDesktopResolver(isMobile),\n      },\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.ALIGNMENT,\n      modal: {\n        Component: AlignmentPanel,\n        id: GIF_BUTTONS.alignment,\n      },\n      renderer: toolbarItem => (\n        <NodeAlignmentButton toolbarItem={toolbarItem} id={GIF_BUTTONS.alignment} />\n      ),\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.SEPARATOR,\n      attributes: {\n        visible: getVisibleOnlyOnDesktopResolver(isMobile),\n      },\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.REPLACE,\n      modal: {\n        Component: decorateComponentWithProps(InsertModal, {\n          modalId: gifModals.replace,\n          getGiphyUrl: config?.getGiphyUrl,\n        }),\n        id: gifModals.replace,\n      },\n      command: ({ isMobile, referenceElement, attributes: { selectedNode } }) => {\n        const { modals } = services;\n        if (modals?.isModalOpen(gifModals.replace)) {\n          modals.closeModal(gifModals.replace);\n        } else {\n          modals?.openRegisteredModal(gifModals.replace, {\n            componentProps: {\n              componentData: selectedNode.attrs, //TODO: convert to draft\n              nodeId: selectedNode.attrs.id,\n            },\n            positioning: { placement: 'bottom', referenceElement },\n            layout: isMobile ? 'fullscreen' : 'popover',\n          });\n        }\n      },\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.SEPARATOR,\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.DELETE,\n    },\n  ];\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAIlB,2BAGO;AACP,4BAAgD;AAChD,yBAKO;AAEP,uBAAuC;AACvC,yBAAwB;AAEjB,MAAM,oBAAoB,CAAC,QAAQ,aAA6C;AACrF,QAAM;AAAA,IACJ,SAAS,EAAE,SAAS;AAAA,EACtB,IAAI;AAEJ,SAAO;AAAA,IACL;AAAA,MACE,IAAI,8CAAyB;AAAA,MAC7B,OAAO;AAAA,QACL,eAAW,iDAA2B,8BAAW;AAAA,UAC/C,SAAS;AAAA,YACP;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF,CAAC;AAAA,QACD,IAAI,6BAAY;AAAA,MAClB;AAAA,MACA,UAAU,iBAAe,6BAAAA,QAAA,cAAC,qCAAe,IAAI,6BAAY,MAAM,aAA0B;AAAA,IAC3F;AAAA,IACA;AAAA,MACE,IAAI,8CAAyB;AAAA,MAC7B,YAAY;AAAA,QACV,aAAS,uDAAgC,QAAQ;AAAA,MACnD;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI,8CAAyB;AAAA,MAC7B,OAAO;AAAA,QACL,WAAW;AAAA,QACX,IAAI,6BAAY;AAAA,MAClB;AAAA,MACA,UAAU,iBACR,6BAAAA,QAAA,cAAC,0CAAoB,aAA0B,IAAI,6BAAY,WAAW;AAAA,IAE9E;AAAA,IACA;AAAA,MACE,IAAI,8CAAyB;AAAA,MAC7B,YAAY;AAAA,QACV,aAAS,uDAAgC,QAAQ;AAAA,MACnD;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI,8CAAyB;AAAA,MAC7B,OAAO;AAAA,QACL,eAAW,iDAA2B,mBAAAC,SAAa;AAAA,UACjD,SAAS,2BAAU;AAAA,UACnB,aAAa,QAAQ;AAAA,QACvB,CAAC;AAAA,QACD,IAAI,2BAAU;AAAA,MAChB;AAAA,MACA,SAAS,CAAC,EAAE,UAAAC,WAAU,kBAAkB,YAAY,EAAE,aAAa,EAAE,MAAM;AACzE,cAAM,EAAE,OAAO,IAAI;AACnB,YAAI,QAAQ,YAAY,2BAAU,OAAO,GAAG;AAC1C,iBAAO,WAAW,2BAAU,OAAO;AAAA,QACrC,OAAO;AACL,kBAAQ,oBAAoB,2BAAU,SAAS;AAAA,YAC7C,gBAAgB;AAAA,cACd,eAAe,aAAa;AAAA;AAAA,cAC5B,QAAQ,aAAa,MAAM;AAAA,YAC7B;AAAA,YACA,aAAa,EAAE,WAAW,UAAU,iBAAiB;AAAA,YACrD,QAAQA,YAAW,eAAe;AAAA,UACpC,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI,8CAAyB;AAAA,IAC/B;AAAA,IACA;AAAA,MACE,IAAI,8CAAyB;AAAA,IAC/B;AAAA,EACF;AACF;",
+  "sourcesContent": ["import React from 'react';\n\nimport { TIPTAP_FIGURE_TYPE } from './../ricos-content/consts';\nimport type { PluginContainerData_Width_Type } from './../ricos-schema/legacy/wix/rich_content/v1';\nimport type { RicosServices, ToolbarButton } from './../ricos-types';\nimport {\n  decorateComponentWithProps,\n  PLUGIN_TOOLBAR_BUTTON_ID,\n} from './../editor-common';\nimport { getVisibleOnlyOnDesktopResolver } from './../plugin-commons';\nimport {\n  AlignmentPanel,\n  DeleteButton,\n  NodeAlignmentButton,\n  NodeSizeButton,\n  SizePanel,\n} from './../toolbars-ui';\n\nimport { GIF_BUTTONS, gifModals } from './constants';\nimport InsertModal from './modals/InsertModal';\n\nexport const getToolbarButtons = (config, services: RicosServices): ToolbarButton[] => {\n  const {\n    context: { isMobile },\n  } = services;\n\n  return [\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.SIZE,\n      modal: {\n        Component: decorateComponentWithProps(SizePanel, {\n          options: [\n            'SMALL',\n            'CONTENT',\n            'FULL_WIDTH',\n            'ORIGINAL',\n          ] as PluginContainerData_Width_Type[],\n        }),\n        id: GIF_BUTTONS.size,\n      },\n      renderer: toolbarItem => <NodeSizeButton id={GIF_BUTTONS.size} toolbarItem={toolbarItem} />,\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.SEPARATOR,\n      attributes: {\n        visible: getVisibleOnlyOnDesktopResolver(isMobile),\n      },\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.ALIGNMENT,\n      modal: {\n        Component: AlignmentPanel,\n        id: GIF_BUTTONS.alignment,\n      },\n      renderer: toolbarItem => (\n        <NodeAlignmentButton toolbarItem={toolbarItem} id={GIF_BUTTONS.alignment} />\n      ),\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.SEPARATOR,\n      attributes: {\n        visible: getVisibleOnlyOnDesktopResolver(isMobile),\n      },\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.REPLACE,\n      modal: {\n        Component: decorateComponentWithProps(InsertModal, {\n          modalId: gifModals.replace,\n          getGiphyUrl: config?.getGiphyUrl,\n        }),\n        id: gifModals.replace,\n      },\n      command: ({ isMobile, referenceElement, attributes: { selectedNode } }) => {\n        const { modals } = services;\n        if (modals?.isModalOpen(gifModals.replace)) {\n          modals.closeModal(gifModals.replace);\n        } else {\n          modals?.openRegisteredModal(gifModals.replace, {\n            componentProps: {\n              componentData: selectedNode.attrs, //TODO: convert to draft\n              nodeId: selectedNode.attrs.id,\n            },\n            positioning: { placement: 'bottom', referenceElement },\n            layout: isMobile ? 'fullscreen' : 'popover',\n          });\n        }\n      },\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.SEPARATOR,\n    },\n    {\n      id: PLUGIN_TOOLBAR_BUTTON_ID.DELETE,\n      renderer: toolbarItem => {\n        return <DeleteButton toolbarItem={toolbarItem} />;\n      },\n      command: data => {\n        const figures = data.editorCommands.$nodes(TIPTAP_FIGURE_TYPE);\n        const selectedFigure = figures?.find(f => {\n          return f.firstChild?.node.attrs.id === data.attributes.selectedNode.attrs.id;\n        });\n\n        if (selectedFigure) {\n          data.editorCommands.chain().focus().deleteNode(selectedFigure.attributes.id).run();\n        }\n      },\n    },\n  ];\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,oBAAmC;AAGnC,2BAGO;AACP,4BAAgD;AAChD,yBAMO;AAEP,uBAAuC;AACvC,yBAAwB;AAEjB,MAAM,oBAAoB,CAAC,QAAQ,aAA6C;AACrF,QAAM;AAAA,IACJ,SAAS,EAAE,SAAS;AAAA,EACtB,IAAI;AAEJ,SAAO;AAAA,IACL;AAAA,MACE,IAAI,8CAAyB;AAAA,MAC7B,OAAO;AAAA,QACL,eAAW,iDAA2B,8BAAW;AAAA,UAC/C,SAAS;AAAA,YACP;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF,CAAC;AAAA,QACD,IAAI,6BAAY;AAAA,MAClB;AAAA,MACA,UAAU,iBAAe,6BAAAA,QAAA,cAAC,qCAAe,IAAI,6BAAY,MAAM,aAA0B;AAAA,IAC3F;AAAA,IACA;AAAA,MACE,IAAI,8CAAyB;AAAA,MAC7B,YAAY;AAAA,QACV,aAAS,uDAAgC,QAAQ;AAAA,MACnD;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI,8CAAyB;AAAA,MAC7B,OAAO;AAAA,QACL,WAAW;AAAA,QACX,IAAI,6BAAY;AAAA,MAClB;AAAA,MACA,UAAU,iBACR,6BAAAA,QAAA,cAAC,0CAAoB,aAA0B,IAAI,6BAAY,WAAW;AAAA,IAE9E;AAAA,IACA;AAAA,MACE,IAAI,8CAAyB;AAAA,MAC7B,YAAY;AAAA,QACV,aAAS,uDAAgC,QAAQ;AAAA,MACnD;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI,8CAAyB;AAAA,MAC7B,OAAO;AAAA,QACL,eAAW,iDAA2B,mBAAAC,SAAa;AAAA,UACjD,SAAS,2BAAU;AAAA,UACnB,aAAa,QAAQ;AAAA,QACvB,CAAC;AAAA,QACD,IAAI,2BAAU;AAAA,MAChB;AAAA,MACA,SAAS,CAAC,EAAE,UAAAC,WAAU,kBAAkB,YAAY,EAAE,aAAa,EAAE,MAAM;AACzE,cAAM,EAAE,OAAO,IAAI;AACnB,YAAI,QAAQ,YAAY,2BAAU,OAAO,GAAG;AAC1C,iBAAO,WAAW,2BAAU,OAAO;AAAA,QACrC,OAAO;AACL,kBAAQ,oBAAoB,2BAAU,SAAS;AAAA,YAC7C,gBAAgB;AAAA,cACd,eAAe,aAAa;AAAA;AAAA,cAC5B,QAAQ,aAAa,MAAM;AAAA,YAC7B;AAAA,YACA,aAAa,EAAE,WAAW,UAAU,iBAAiB;AAAA,YACrD,QAAQA,YAAW,eAAe;AAAA,UACpC,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI,8CAAyB;AAAA,IAC/B;AAAA,IACA;AAAA,MACE,IAAI,8CAAyB;AAAA,MAC7B,UAAU,iBAAe;AACvB,eAAO,6BAAAF,QAAA,cAAC,mCAAa,aAA0B;AAAA,MACjD;AAAA,MACA,SAAS,UAAQ;AACf,cAAM,UAAU,KAAK,eAAe,OAAO,gCAAkB;AAC7D,cAAM,iBAAiB,SAAS,KAAK,OAAK;AACxC,iBAAO,EAAE,YAAY,KAAK,MAAM,OAAO,KAAK,WAAW,aAAa,MAAM;AAAA,QAC5E,CAAC;AAED,YAAI,gBAAgB;AAClB,eAAK,eAAe,MAAM,EAAE,MAAM,EAAE,WAAW,eAAe,WAAW,EAAE,EAAE,IAAI;AAAA,QACnF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
   "names": ["React", "InsertModal", "isMobile"]
 }

package/dist/cjs/plugin-giphy/statics/styles/giphy-api-input-modal-scss.js

@@ -21,11 +21,11 @@ __export(giphy_api_input_modal_exports, {
 });
 module.exports = __toCommonJS(giphy_api_input_modal_exports);
 var giphy_api_input_modal_default = {
-  "giphy_api_input_modal_container": "cXwSQ",
-  "mobile": "Z-my5",
-  "giphy_modal_header_container": "Bwj8p",
-  "giphy_api_input_modal_navbar": "-aGCa",
-  "giphy_api_input_modal_closeButton": "YEunY",
-  "modalWrapper": "Ke-Ni"
+  "giphy_api_input_modal_container": "ePs-f",
+  "mobile": "w-6YU",
+  "giphy_modal_header_container": "qmiwA",
+  "giphy_api_input_modal_navbar": "_2HJv5",
+  "giphy_api_input_modal_closeButton": "m7VfG",
+  "modalWrapper": "oLswn"
 };
 //# sourceMappingURL=giphy-api-input-modal-scss.js.map

package/dist/cjs/plugin-giphy/statics/styles/giphy-api-input-modal-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-giphy/statics/styles/giphy-api-input-modal.scss"],
-  "sourcesContent": ["export default {\n  \"giphy_api_input_modal_container\": \"cXwSQ\",\n  \"mobile\": \"Z-my5\",\n  \"giphy_modal_header_container\": \"Bwj8p\",\n  \"giphy_api_input_modal_navbar\": \"-aGCa\",\n  \"giphy_api_input_modal_closeButton\": \"YEunY\",\n  \"modalWrapper\": \"Ke-Ni\"\n};"],
+  "sourcesContent": ["export default {\n  \"giphy_api_input_modal_container\": \"ePs-f\",\n  \"mobile\": \"w-6YU\",\n  \"giphy_modal_header_container\": \"qmiwA\",\n  \"giphy_api_input_modal_navbar\": \"_2HJv5\",\n  \"giphy_api_input_modal_closeButton\": \"m7VfG\",\n  \"modalWrapper\": \"oLswn\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,gCAAQ;AAAA,EACb,mCAAmC;AAAA,EACnC,UAAU;AAAA,EACV,gCAAgC;AAAA,EAChC,gCAAgC;AAAA,EAChC,qCAAqC;AAAA,EACrC,gBAAgB;AAClB;",
   "names": []
 }

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

@@ -21,19 +21,19 @@ __export(giphy_selecter_exports, {
 });
 module.exports = __toCommonJS(giphy_selecter_exports);
 var giphy_selecter_default = {
-  "fontElementMap": "_2wtm1",
-  "giphy_selector_container": "D-wyw",
-  "giphy_selector_infinite_scroll_container": "zUdz0",
-  "giphySelectorErrorContainer": "gn0o-",
-  "giphy_selector_infinite_scroll": "kMlsR",
-  "giphy_selector_customize_scrollbar_container": "zKQ4j",
-  "giphy_selector_headerInfiniteScroll": "NraSE",
-  "giphy_selector_scrollbarThumb": "_3oaeE",
-  "giphy_selector_powerdByGiphy": "wHdF-",
-  "giphy_selector_gif_img_container": "Uefd0",
-  "giphy_selector_spinner_more": "-REUX",
-  "giphy_selector_spinner_empty_modal": "-UVKS",
-  "giphy_empty_state": "xx-fq",
-  "giphySelectorErrorMessage": "cg09Q"
+  "fontElementMap": "_1ZlrQ",
+  "giphy_selector_container": "DaXAX",
+  "giphy_selector_infinite_scroll_container": "_1HEx5",
+  "giphySelectorErrorContainer": "e6TrJ",
+  "giphy_selector_infinite_scroll": "_69Q-f",
+  "giphy_selector_customize_scrollbar_container": "Lv6RU",
+  "giphy_selector_headerInfiniteScroll": "lKQiB",
+  "giphy_selector_scrollbarThumb": "TAJlr",
+  "giphy_selector_powerdByGiphy": "CMFjS",
+  "giphy_selector_gif_img_container": "nWRbA",
+  "giphy_selector_spinner_more": "Q-ZLu",
+  "giphy_selector_spinner_empty_modal": "qLWfp",
+  "giphy_empty_state": "LNQTj",
+  "giphySelectorErrorMessage": "piG7x"
 };
 //# sourceMappingURL=giphy-selecter-scss.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-giphy/statics/styles/giphy-selecter.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"_2wtm1\",\n  \"giphy_selector_container\": \"D-wyw\",\n  \"giphy_selector_infinite_scroll_container\": \"zUdz0\",\n  \"giphySelectorErrorContainer\": \"gn0o-\",\n  \"giphy_selector_infinite_scroll\": \"kMlsR\",\n  \"giphy_selector_customize_scrollbar_container\": \"zKQ4j\",\n  \"giphy_selector_headerInfiniteScroll\": \"NraSE\",\n  \"giphy_selector_scrollbarThumb\": \"_3oaeE\",\n  \"giphy_selector_powerdByGiphy\": \"wHdF-\",\n  \"giphy_selector_gif_img_container\": \"Uefd0\",\n  \"giphy_selector_spinner_more\": \"-REUX\",\n  \"giphy_selector_spinner_empty_modal\": \"-UVKS\",\n  \"giphy_empty_state\": \"xx-fq\",\n  \"giphySelectorErrorMessage\": \"cg09Q\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"_1ZlrQ\",\n  \"giphy_selector_container\": \"DaXAX\",\n  \"giphy_selector_infinite_scroll_container\": \"_1HEx5\",\n  \"giphySelectorErrorContainer\": \"e6TrJ\",\n  \"giphy_selector_infinite_scroll\": \"_69Q-f\",\n  \"giphy_selector_customize_scrollbar_container\": \"Lv6RU\",\n  \"giphy_selector_headerInfiniteScroll\": \"lKQiB\",\n  \"giphy_selector_scrollbarThumb\": \"TAJlr\",\n  \"giphy_selector_powerdByGiphy\": \"CMFjS\",\n  \"giphy_selector_gif_img_container\": \"nWRbA\",\n  \"giphy_selector_spinner_more\": \"Q-ZLu\",\n  \"giphy_selector_spinner_empty_modal\": \"qLWfp\",\n  \"giphy_empty_state\": \"LNQTj\",\n  \"giphySelectorErrorMessage\": \"piG7x\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,yBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,4BAA4B;AAAA,EAC5B,4CAA4C;AAAA,EAC5C,+BAA+B;AAAA,EAC/B,kCAAkC;AAAA,EAClC,gDAAgD;AAAA,EAChD,uCAAuC;AAAA,EACvC,iCAAiC;AAAA,EACjC,gCAAgC;AAAA,EAChC,oCAAoC;AAAA,EACpC,+BAA+B;AAAA,EAC/B,sCAAsC;AAAA,EACtC,qBAAqB;AAAA,EACrB,6BAA6B;AAC/B;",
   "names": []
 }

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

@@ -21,7 +21,7 @@ __export(giphy_viewer_exports, {
 });
 module.exports = __toCommonJS(giphy_viewer_exports);
 var giphy_viewer_default = {
-  "giphy_player": "_5U3cZ",
-  "gifRatio": "wnUkT"
+  "giphy_player": "lCOVP",
+  "gifRatio": "-u6v-"
 };
 //# sourceMappingURL=giphy-viewer-scss.js.map

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\": \"_5U3cZ\",\n  \"gifRatio\": \"wnUkT\"\n};"],
+  "sourcesContent": ["export default {\n  \"giphy_player\": \"lCOVP\",\n  \"gifRatio\": \"-u6v-\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,uBAAQ;AAAA,EACb,gBAAgB;AAAA,EAChB,YAAY;AACd;",
   "names": []
 }

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

@@ -31,8 +31,19 @@ __export(component_exports, {
 });
 module.exports = __toCommonJS(component_exports);
 var import_react = __toESM(require("react"));
-var import_giphy_viewer = __toESM(require("../viewer/giphy-viewer"));
-const Gif = ({ settings, componentData }) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_giphy_viewer.default, { componentData, settings });
+var import_ricos_context = require("./../../ricos-context");
+var import_get_container_classes = require("../../_shared/figure/get-container-classes");
+var import_giphy = require("../viewer/giphy");
+const Gif = ({ settings, componentData, ...props }) => {
+  const { isMobile } = (0, import_react.useContext)(import_ricos_context.RicosContext);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_get_container_classes.getContainerClasses)(props.editor, props.node.attrs.id, isMobile),
+      draggable: true,
+      "data-drag-handle": true
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_giphy.Giphy, { componentData, config: settings })
+  );
 };
 //# sourceMappingURL=component.js.map

package/dist/cjs/plugin-giphy/tiptap/component.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-giphy/tiptap/component.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport type { PluginProps } from './../../ricos-types';\n\nimport GiphyViewer from '../viewer/giphy-viewer';\n\nexport const Gif: React.FC<PluginProps> = ({ settings, componentData }) => {\n  return <GiphyViewer componentData={componentData} settings={settings} />;\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAIlB,0BAAwB;AAEjB,MAAM,MAA6B,CAAC,EAAE,UAAU,cAAc,MAAM;AACzE,SAAO,6BAAAA,QAAA,cAAC,oBAAAC,SAAA,EAAY,eAA8B,UAAoB;AACxE;",
-  "names": ["React", "GiphyViewer"]
+  "sourcesContent": ["import React, { useContext } from 'react';\n\nimport { RicosContext } from './../../ricos-context';\nimport type { PluginProps } from './../../ricos-types';\n\nimport { getContainerClasses } from '../../_shared/figure/get-container-classes';\nimport { Giphy } from '../viewer/giphy';\n\nexport const Gif: React.FC<PluginProps> = ({ settings, componentData, ...props }) => {\n  const { isMobile } = useContext(RicosContext);\n\n  return (\n    <div\n      className={getContainerClasses(props.editor, props.node.attrs.id, isMobile)}\n      draggable\n      data-drag-handle\n    >\n      <Giphy componentData={componentData} config={settings} />\n    </div>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAElC,2BAA6B;AAG7B,mCAAoC;AACpC,mBAAsB;AAEf,MAAM,MAA6B,CAAC,EAAE,UAAU,eAAe,GAAG,MAAM,MAAM;AACnF,QAAM,EAAE,SAAS,QAAI,yBAAW,iCAAY;AAE5C,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,kDAAoB,MAAM,QAAQ,MAAM,KAAK,MAAM,IAAI,QAAQ;AAAA,MAC1E,WAAS;AAAA,MACT,oBAAgB;AAAA;AAAA,IAEhB,6BAAAA,QAAA,cAAC,sBAAM,eAA8B,QAAQ,UAAU;AAAA,EACzD;AAEJ;",
+  "names": ["React"]
 }

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

@@ -1,12 +1,10 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name2 in all)
-    __defProp(target, name2, { get: all[name2], enumerable: true });
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
@@ -16,29 +14,20 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var tiptap_exports = {};
 __export(tiptap_exports, {
   tiptapExtensions: () => tiptapExtensions
 });
 module.exports = __toCommonJS(tiptap_exports);
+var import_core = require("@tiptap/core");
 var import_ricos_content = require("./../../ricos-content");
-var import_gif_defaults = __toESM(require("./../../ricos-schema/legacy/statics/gif.defaults.json"));
 var import_plugin_commons = require("./../../plugin-commons");
 var import_component = require("./component");
-const name = import_ricos_content.TIPTAP_GIF_TYPE;
 const tiptapExtensions = [
   (0, import_plugin_commons.createRicosNodeExtension)({
-    name,
-    groups: ["overlay", "draggable", "not-overtypable"],
+    name: import_ricos_content.TIPTAP_GIF_TYPE,
+    groups: ["not-overtypable", "custom-styles"],
     type: "react-node",
     reconfigure: (config, _extensions, _props, settings) => ({
       ...config,
@@ -48,12 +37,35 @@ const tiptapExtensions = [
     createExtensionConfig() {
       return {
         name: this.name,
-        group: "block",
+        group: "block figure",
         selectable: true,
         draggable: true,
-        addAttributes: () => import_gif_defaults.default,
+        addAttributes: () => ({
+          containerData: null,
+          height: null,
+          width: null,
+          original: null,
+          downsized: null
+        }),
         addCommands() {
           return {};
+        },
+        addKeyboardShortcuts() {
+          const newLine = ({ editor }) => {
+            const gifFigure = (0, import_core.findParentNodeClosestToPos)(
+              editor.state.selection.$from,
+              (node) => node.type.name === import_ricos_content.TIPTAP_GIF_TYPE
+            );
+            if (!gifFigure) {
+              return false;
+            }
+            editor.chain().setTextSelection(gifFigure.start + gifFigure.node.nodeSize - 1).createParagraphNear().focus().run();
+            return true;
+          };
+          const tiptapKeyboardShortcuts = {
+            Enter: newLine
+          };
+          return tiptapKeyboardShortcuts;
         }
       };
     }

package/dist/cjs/plugin-giphy/tiptap/tiptap.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-giphy/tiptap/tiptap.ts"],
-  "sourcesContent": ["import { TIPTAP_GIF_TYPE } from './../../ricos-content';\nimport gifDataDefaults from './../../ricos-schema/legacy/statics/gif.defaults.json';\nimport type { ExtensionProps, NodeConfig, RicosExtension } from './../../ricos-types';\nimport { createRicosNodeExtension } from './../../plugin-commons';\n\nimport { Gif as Component } from './component';\n\nconst name = TIPTAP_GIF_TYPE;\n\nexport const tiptapExtensions = [\n  createRicosNodeExtension({\n    name,\n    groups: ['overlay', 'draggable', 'not-overtypable'],\n    type: 'react-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    Component,\n    createExtensionConfig() {\n      return {\n        name: this.name,\n        group: 'block',\n        selectable: true,\n        draggable: true,\n        addAttributes: () => gifDataDefaults,\n        addCommands() {\n          return {};\n        },\n      };\n    },\n  }),\n];\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAgC;AAChC,0BAA4B;AAE5B,4BAAyC;AAEzC,uBAAiC;AAEjC,MAAM,OAAO;AAEN,MAAM,mBAAmB;AAAA,MAC9B,gDAAyB;AAAA,IACvB;AAAA,IACA,QAAQ,CAAC,WAAW,aAAa,iBAAiB;AAAA,IAClD,MAAM;AAAA,IACN,aAAa,CACX,QACA,aACA,QACA,cACI;AAAA,MACJ,GAAG;AAAA,MACH,YAAY,MAAM;AAAA,IACpB;AAAA,IACA,4BAAAA;AAAA,IACA,wBAAwB;AACtB,aAAO;AAAA,QACL,MAAM,KAAK;AAAA,QACX,OAAO;AAAA,QACP,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,eAAe,MAAM,oBAAAC;AAAA,QACrB,cAAc;AACZ,iBAAO,CAAC;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AACH;",
-  "names": ["Component", "gifDataDefaults"]
+  "sourcesContent": ["import { type Editor, findParentNodeClosestToPos } from '@tiptap/core';\n\nimport { TIPTAP_GIF_TYPE } from './../../ricos-content';\nimport type { ExtensionProps, NodeConfig, RicosExtension } from './../../ricos-types';\nimport { createRicosNodeExtension } from './../../plugin-commons';\n\nimport { Gif } from './component';\n\nexport const tiptapExtensions = [\n  createRicosNodeExtension({\n    name: TIPTAP_GIF_TYPE,\n    groups: ['not-overtypable', 'custom-styles'],\n    type: 'react-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    Component: Gif,\n    createExtensionConfig() {\n      return {\n        name: this.name,\n        group: 'block figure',\n        selectable: true,\n        draggable: true,\n        addAttributes: () => ({\n          containerData: null,\n          height: null,\n          width: null,\n          original: null,\n          downsized: null,\n        }),\n        addCommands() {\n          return {};\n        },\n\n        addKeyboardShortcuts() {\n          const newLine = ({ editor }: { editor: Editor }) => {\n            const gifFigure = findParentNodeClosestToPos(\n              editor.state.selection.$from,\n              node => node.type.name === TIPTAP_GIF_TYPE\n            );\n            if (!gifFigure) {\n              return false;\n            }\n            editor\n              .chain()\n              .setTextSelection(gifFigure.start + gifFigure.node.nodeSize - 1)\n              .createParagraphNear()\n              .focus()\n              .run();\n            return true;\n          };\n\n          const tiptapKeyboardShortcuts = {\n            Enter: newLine,\n          };\n\n          return tiptapKeyboardShortcuts;\n        },\n      };\n    },\n  }),\n];\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAwD;AAExD,2BAAgC;AAEhC,4BAAyC;AAEzC,uBAAoB;AAEb,MAAM,mBAAmB;AAAA,MAC9B,gDAAyB;AAAA,IACvB,MAAM;AAAA,IACN,QAAQ,CAAC,mBAAmB,eAAe;AAAA,IAC3C,MAAM;AAAA,IACN,aAAa,CACX,QACA,aACA,QACA,cACI;AAAA,MACJ,GAAG;AAAA,MACH,YAAY,MAAM;AAAA,IACpB;AAAA,IACA,WAAW;AAAA,IACX,wBAAwB;AACtB,aAAO;AAAA,QACL,MAAM,KAAK;AAAA,QACX,OAAO;AAAA,QACP,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,eAAe,OAAO;AAAA,UACpB,eAAe;AAAA,UACf,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,UAAU;AAAA,UACV,WAAW;AAAA,QACb;AAAA,QACA,cAAc;AACZ,iBAAO,CAAC;AAAA,QACV;AAAA,QAEA,uBAAuB;AACrB,gBAAM,UAAU,CAAC,EAAE,OAAO,MAA0B;AAClD,kBAAM,gBAAY;AAAA,cAChB,OAAO,MAAM,UAAU;AAAA,cACvB,UAAQ,KAAK,KAAK,SAAS;AAAA,YAC7B;AACA,gBAAI,CAAC,WAAW;AACd,qBAAO;AAAA,YACT;AACA,mBACG,MAAM,EACN,iBAAiB,UAAU,QAAQ,UAAU,KAAK,WAAW,CAAC,EAC9D,oBAAoB,EACpB,MAAM,EACN,IAAI;AACP,mBAAO;AAAA,UACT;AAEA,gBAAM,0BAA0B;AAAA,YAC9B,OAAO;AAAA,UACT;AAEA,iBAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AACH;",
+  "names": []
 }