@wix/ricos 10.112.0 → 10.114.0

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

@@ -1,8 +1,10 @@
 import { RicosPluginToolbarNames } from "./../ricos-types";
+import { TIPTAP_GIF_TYPE } from "./../wix-rich-content-common";
+import { pluginFigure } from "../plugin-figure/editor";
 import { DEFAULT_CONFIGS } from "./constants";
+import { gifConverter } from "./converter/gif-converter";
 import { getAddButtons } from "./getAddButtons";
 import { getToolbarButtons } from "./getToolbarButtons";
-import { gifConverter } from "./gif-converter";
 import { tiptapExtensions } from "./tiptap/tiptap";
 import { GIPHY_TYPE } from "./types";
 const pluginGiphy = (config) => {
@@ -16,8 +18,16 @@ const pluginGiphy = (config) => {
     getAddButtons: (config2, services) => getAddButtons(config2, services),
     toolbar: {
       names: [RicosPluginToolbarNames.GIF],
-      getButtons: (config2, services) => getToolbarButtons(config2, services)
-    }
+      getButtons: (config2, services) => getToolbarButtons(config2, services),
+      resolveReferenceElement: (tiptapEditor) => {
+        const startNodePos = tiptapEditor.state.selection.$from;
+        if (startNodePos.nodeAfter?.type.name !== TIPTAP_GIF_TYPE) {
+          return null;
+        }
+        return tiptapEditor.view.nodeDOM(startNodePos.pos - 1);
+      }
+    },
+    dependencies: [pluginFigure]
   };
 };
 export {

package/dist/es/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,SAAS,+BAAwD;AAGjE,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AAEjC,SAAS,kBAAkB;AAEpB,MAAM,cAA4D,YAAU;AACjF,QAAM,eAAe,EAAE,GAAG,gBAAgB,QAAQ,GAAG,OAAO;AAC5D,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,kBAAkB,CAAC;AAAA,IACnB,kBAAkB,CAAC,YAAY;AAAA,IAC/B,MAAM;AAAA,IACN;AAAA,IACA,eAAe,CAACA,SAAQ,aAAa,cAAcA,SAAQ,QAAQ;AAAA,IACnE,SAAS;AAAA,MACP,OAAO,CAAC,wBAAwB,GAAG;AAAA,MACnC,YAAY,CAACA,SAAQ,aAAa,kBAAkBA,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,SAAS,+BAA+B;AACxC,SAAmC,uBAAuB;AAE1D,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AAEjC,SAAS,kBAAkB;AAEpB,MAAM,cAA4D,YAAU;AACjF,QAAM,eAAe,EAAE,GAAG,gBAAgB,QAAQ,GAAG,OAAO;AAC5D,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,kBAAkB,CAAC;AAAA,IACnB,kBAAkB,CAAC,YAAY;AAAA,IAC/B,MAAM;AAAA,IACN;AAAA,IACA,eAAe,CAACA,SAAQ,aAAa,cAAcA,SAAQ,QAAQ;AAAA,IACnE,SAAS;AAAA,MACP,OAAO,CAAC,wBAAwB,GAAG;AAAA,MACnC,YAAY,CAACA,SAAQ,aAAa,kBAAkBA,SAAQ,QAAQ;AAAA,MACpE,yBAAyB,kBAAgB;AACvC,cAAM,eAAe,aAAa,MAAM,UAAU;AAClD,YAAI,aAAa,WAAW,KAAK,SAAS,iBAAiB;AACzD,iBAAO;AAAA,QACT;AACA,eAAO,aAAa,KAAK,QAAQ,aAAa,MAAM,CAAC;AAAA,MACvD;AAAA,IACF;AAAA,IACA,cAAc,CAAC,YAAY;AAAA,EAC7B;AACF;",
   "names": ["config"]
 }

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

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

package/dist/es/plugin-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,OAAO,WAAW;AAIlB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,uCAAuC;AAChD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,aAAa,iBAAiB;AACvC,OAAO,iBAAiB;AAEjB,MAAM,oBAAoB,CAAC,QAAQ,aAA6C;AACrF,QAAM;AAAA,IACJ,SAAS,EAAE,SAAS;AAAA,EACtB,IAAI;AAEJ,SAAO;AAAA,IACL;AAAA,MACE,IAAI,yBAAyB;AAAA,MAC7B,OAAO;AAAA,QACL,WAAW,2BAA2B,WAAW;AAAA,UAC/C,SAAS;AAAA,YACP;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF,CAAC;AAAA,QACD,IAAI,YAAY;AAAA,MAClB;AAAA,MACA,UAAU,iBAAe,oCAAC,kBAAe,IAAI,YAAY,MAAM,aAA0B;AAAA,IAC3F;AAAA,IACA;AAAA,MACE,IAAI,yBAAyB;AAAA,MAC7B,YAAY;AAAA,QACV,SAAS,gCAAgC,QAAQ;AAAA,MACnD;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI,yBAAyB;AAAA,MAC7B,OAAO;AAAA,QACL,WAAW;AAAA,QACX,IAAI,YAAY;AAAA,MAClB;AAAA,MACA,UAAU,iBACR,oCAAC,uBAAoB,aAA0B,IAAI,YAAY,WAAW;AAAA,IAE9E;AAAA,IACA;AAAA,MACE,IAAI,yBAAyB;AAAA,MAC7B,YAAY;AAAA,QACV,SAAS,gCAAgC,QAAQ;AAAA,MACnD;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI,yBAAyB;AAAA,MAC7B,OAAO;AAAA,QACL,WAAW,2BAA2B,aAAa;AAAA,UACjD,SAAS,UAAU;AAAA,UACnB,aAAa,QAAQ;AAAA,QACvB,CAAC;AAAA,QACD,IAAI,UAAU;AAAA,MAChB;AAAA,MACA,SAAS,CAAC,EAAE,UAAAA,WAAU,kBAAkB,YAAY,EAAE,aAAa,EAAE,MAAM;AACzE,cAAM,EAAE,OAAO,IAAI;AACnB,YAAI,QAAQ,YAAY,UAAU,OAAO,GAAG;AAC1C,iBAAO,WAAW,UAAU,OAAO;AAAA,QACrC,OAAO;AACL,kBAAQ,oBAAoB,UAAU,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,yBAAyB;AAAA,IAC/B;AAAA,IACA;AAAA,MACE,IAAI,yBAAyB;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,OAAO,WAAW;AAElB,SAAS,0BAA0B;AAGnC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,uCAAuC;AAChD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,aAAa,iBAAiB;AACvC,OAAO,iBAAiB;AAEjB,MAAM,oBAAoB,CAAC,QAAQ,aAA6C;AACrF,QAAM;AAAA,IACJ,SAAS,EAAE,SAAS;AAAA,EACtB,IAAI;AAEJ,SAAO;AAAA,IACL;AAAA,MACE,IAAI,yBAAyB;AAAA,MAC7B,OAAO;AAAA,QACL,WAAW,2BAA2B,WAAW;AAAA,UAC/C,SAAS;AAAA,YACP;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF,CAAC;AAAA,QACD,IAAI,YAAY;AAAA,MAClB;AAAA,MACA,UAAU,iBAAe,oCAAC,kBAAe,IAAI,YAAY,MAAM,aAA0B;AAAA,IAC3F;AAAA,IACA;AAAA,MACE,IAAI,yBAAyB;AAAA,MAC7B,YAAY;AAAA,QACV,SAAS,gCAAgC,QAAQ;AAAA,MACnD;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI,yBAAyB;AAAA,MAC7B,OAAO;AAAA,QACL,WAAW;AAAA,QACX,IAAI,YAAY;AAAA,MAClB;AAAA,MACA,UAAU,iBACR,oCAAC,uBAAoB,aAA0B,IAAI,YAAY,WAAW;AAAA,IAE9E;AAAA,IACA;AAAA,MACE,IAAI,yBAAyB;AAAA,MAC7B,YAAY;AAAA,QACV,SAAS,gCAAgC,QAAQ;AAAA,MACnD;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI,yBAAyB;AAAA,MAC7B,OAAO;AAAA,QACL,WAAW,2BAA2B,aAAa;AAAA,UACjD,SAAS,UAAU;AAAA,UACnB,aAAa,QAAQ;AAAA,QACvB,CAAC;AAAA,QACD,IAAI,UAAU;AAAA,MAChB;AAAA,MACA,SAAS,CAAC,EAAE,UAAAA,WAAU,kBAAkB,YAAY,EAAE,aAAa,EAAE,MAAM;AACzE,cAAM,EAAE,OAAO,IAAI;AACnB,YAAI,QAAQ,YAAY,UAAU,OAAO,GAAG;AAC1C,iBAAO,WAAW,UAAU,OAAO;AAAA,QACrC,OAAO;AACL,kBAAQ,oBAAoB,UAAU,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,yBAAyB;AAAA,IAC/B;AAAA,IACA;AAAA,MACE,IAAI,yBAAyB;AAAA,MAC7B,UAAU,iBAAe;AACvB,eAAO,oCAAC,gBAAa,aAA0B;AAAA,MACjD;AAAA,MACA,SAAS,UAAQ;AACf,cAAM,UAAU,KAAK,eAAe,OAAO,kBAAkB;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": ["isMobile"]
 }

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

@@ -1,6 +1,6 @@
-var styleDataHash = "ad282cb9";
+var styleDataHash = "dbbe9b4e";
 const injectCss = () => {
-  var css = `.cXwSQ.Z-my5{box-sizing:border-box;overflow:hidden;position:absolute;top:50px;width:100%}[dir] .cXwSQ.Z-my5{padding:12px 20px}.cXwSQ.Z-my5 *,.cXwSQ.Z-my5 :after,.cXwSQ.Z-my5 :before{box-sizing:inherit}.cXwSQ.Z-my5 input{box-sizing:border-box}.Bwj8p{display:flex;font-size:16px;justify-content:space-between;line-height:1.5}[dir] .Bwj8p{margin-bottom:20px}.-aGCa{display:grid;grid-template-areas:"title icon"}[dir] .-aGCa{padding-top:15px}[dir=ltr] .-aGCa{padding-left:20px}[dir=rtl] .-aGCa{padding-right:20px}.YEunY{display:flex;grid-area:icon;justify-self:end}[dir=ltr] .YEunY{padding-right:20px}[dir=rtl] .YEunY{padding-left:20px}@supports not (contain:inline-size){@media only screen and (min-width:940px){.Ke-Ni{width:280px}}}@container (min-width: 940px){.Ke-Ni{width:280px}}`;
+  var css = `.ePs-f.w-6YU{box-sizing:border-box;overflow:hidden;position:absolute;top:50px;width:100%}[dir] .ePs-f.w-6YU{padding:12px 20px}.ePs-f.w-6YU *,.ePs-f.w-6YU :after,.ePs-f.w-6YU :before{box-sizing:inherit}.ePs-f.w-6YU input{box-sizing:border-box}.qmiwA{display:flex;font-size:16px;justify-content:space-between;line-height:1.5}[dir] .qmiwA{margin-bottom:20px}._2HJv5{display:grid;grid-template-areas:"title icon"}[dir] ._2HJv5{padding-top:15px}[dir=ltr] ._2HJv5{padding-left:20px}[dir=rtl] ._2HJv5{padding-right:20px}.m7VfG{display:flex;grid-area:icon;justify-self:end}[dir=ltr] .m7VfG{padding-right:20px}[dir=rtl] .m7VfG{padding-left:20px}@supports not (contain:inline-size){@media only screen and (min-width:940px){.oLswn{width:280px}}}@container (min-width: 940px){.oLswn{width:280px}}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,12 +21,12 @@ const injectCss = () => {
 };
 injectCss();
 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"
 };
 export {
   giphy_api_input_modal_default as default,

package/dist/es/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": ["var styleDataHash = 'ad282cb9';  \nexport const injectCss = (() => {\n  var css = `.cXwSQ.Z-my5{box-sizing:border-box;overflow:hidden;position:absolute;top:50px;width:100%}[dir] .cXwSQ.Z-my5{padding:12px 20px}.cXwSQ.Z-my5 *,.cXwSQ.Z-my5 :after,.cXwSQ.Z-my5 :before{box-sizing:inherit}.cXwSQ.Z-my5 input{box-sizing:border-box}.Bwj8p{display:flex;font-size:16px;justify-content:space-between;line-height:1.5}[dir] .Bwj8p{margin-bottom:20px}.-aGCa{display:grid;grid-template-areas:\"title icon\"}[dir] .-aGCa{padding-top:15px}[dir=ltr] .-aGCa{padding-left:20px}[dir=rtl] .-aGCa{padding-right:20px}.YEunY{display:flex;grid-area:icon;justify-self:end}[dir=ltr] .YEunY{padding-right:20px}[dir=rtl] .YEunY{padding-left:20px}@supports not (contain:inline-size){@media only screen and (min-width:940px){.Ke-Ni{width:280px}}}@container (min-width: 940px){.Ke-Ni{width:280px}}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"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": ["var styleDataHash = 'dbbe9b4e';  \nexport const injectCss = (() => {\n  var css = `.ePs-f.w-6YU{box-sizing:border-box;overflow:hidden;position:absolute;top:50px;width:100%}[dir] .ePs-f.w-6YU{padding:12px 20px}.ePs-f.w-6YU *,.ePs-f.w-6YU :after,.ePs-f.w-6YU :before{box-sizing:inherit}.ePs-f.w-6YU input{box-sizing:border-box}.qmiwA{display:flex;font-size:16px;justify-content:space-between;line-height:1.5}[dir] .qmiwA{margin-bottom:20px}._2HJv5{display:grid;grid-template-areas:\"title icon\"}[dir] ._2HJv5{padding-top:15px}[dir=ltr] ._2HJv5{padding-left:20px}[dir=rtl] ._2HJv5{padding-right:20px}.m7VfG{display:flex;grid-area:icon;justify-self:end}[dir=ltr] .m7VfG{padding-right:20px}[dir=rtl] .m7VfG{padding-left:20px}@supports not (contain:inline-size){@media only screen and (min-width:940px){.oLswn{width:280px}}}@container (min-width: 940px){.oLswn{width:280px}}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"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,IAAI,gBAAgB;AACb,MAAM,YAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,gCAAQ;AAAA,EACb,mCAAmC;AAAA,EACnC,UAAU;AAAA,EACV,gCAAgC;AAAA,EAChC,gCAAgC;AAAA,EAChC,qCAAqC;AAAA,EACrC,gBAAgB;AAClB;",
   "names": []
 }

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

@@ -1,6 +1,6 @@
-var styleDataHash = "e7a4e4be";
+var styleDataHash = "66f8a1a6";
 const injectCss = () => {
-  var css = `._2wtm1,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.D-wyw{display:block;width:100%}[dir] .D-wyw{padding-top:8px}.gn0o-,.zUdz0{height:277px;overflow:auto}[dir] .gn0o-,[dir] .zUdz0{padding-top:8px}@supports not (contain:inline-size){@media only screen and (max-width:640px){.gn0o-,.zUdz0{height:calc(100vh - 132px)}}}@container (width < 640px){.gn0o-,.zUdz0{height:calc(100vh - 132px)}}.kMlsR{display:grid;grid-auto-rows:87px;grid-template-columns:calc(50% - 4px) calc(50% - 4px);grid-gap:8px}@supports not (contain:inline-size){@media only screen and (max-width:640px){.kMlsR{grid-auto-rows:99px}}}@container (width < 640px){.kMlsR{grid-auto-rows:99px}}.zKQ4j{height:277px}[dir] .NraSE{padding-bottom:6px}[dir=ltr] .NraSE{padding-right:18px}[dir=rtl] .NraSE{padding-left:18px}._3oaeE{width:4px}[dir] ._3oaeE{background:#000;border-radius:4px}[dir=ltr] ._3oaeE{margin-left:-2px}[dir=rtl] ._3oaeE{margin-right:-2px}[dir=ltr] .wHdF-{float:right;text-align:right}[dir=rtl] .wHdF-{float:left;text-align:left}.Uefd0{height:100%;overflow:hidden;width:100%}[dir] .Uefd0{cursor:pointer}[dir] .-REUX{margin-top:20px;text-align:center}.-UVKS{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.xx-fq{align-content:center;display:grid;font-size:14px;height:100%;letter-spacing:1px}[dir] .xx-fq{text-align:center}.gn0o-{align-items:center;display:flex;justify-content:center;max-width:207px}.cg09Q{color:var(--ricos-settings-text-color,#000);font-family:var(--ricos-settings-text-font-family,Helvetica Neue,Helvetica,Arial);font-size:14px;font-weight:300;line-height:1.57}[dir] .cg09Q{padding:0 20px;text-align:center}`;
+  var css = `._1ZlrQ,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.DaXAX{display:block;width:100%}[dir] .DaXAX{padding-top:8px}._1HEx5,.e6TrJ{height:277px;overflow:auto}[dir] ._1HEx5,[dir] .e6TrJ{padding-top:8px}@supports not (contain:inline-size){@media only screen and (max-width:640px){._1HEx5,.e6TrJ{height:calc(100vh - 132px)}}}@container (width < 640px){._1HEx5,.e6TrJ{height:calc(100vh - 132px)}}._69Q-f{display:grid;grid-auto-rows:87px;grid-template-columns:calc(50% - 4px) calc(50% - 4px);grid-gap:8px}@supports not (contain:inline-size){@media only screen and (max-width:640px){._69Q-f{grid-auto-rows:99px}}}@container (width < 640px){._69Q-f{grid-auto-rows:99px}}.Lv6RU{height:277px}[dir] .lKQiB{padding-bottom:6px}[dir=ltr] .lKQiB{padding-right:18px}[dir=rtl] .lKQiB{padding-left:18px}.TAJlr{width:4px}[dir] .TAJlr{background:#000;border-radius:4px}[dir=ltr] .TAJlr{margin-left:-2px}[dir=rtl] .TAJlr{margin-right:-2px}[dir=ltr] .CMFjS{float:right;text-align:right}[dir=rtl] .CMFjS{float:left;text-align:left}.nWRbA{height:100%;overflow:hidden;width:100%}[dir] .nWRbA{cursor:pointer}[dir] .Q-ZLu{margin-top:20px;text-align:center}.qLWfp{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.LNQTj{align-content:center;display:grid;font-size:14px;height:100%;letter-spacing:1px}[dir] .LNQTj{text-align:center}.e6TrJ{align-items:center;display:flex;justify-content:center;max-width:207px}.piG7x{color:var(--ricos-settings-text-color,#000);font-family:var(--ricos-settings-text-font-family,Helvetica Neue,Helvetica,Arial);font-size:14px;font-weight:300;line-height:1.57}[dir] .piG7x{padding:0 20px;text-align:center}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,20 +21,20 @@ const injectCss = () => {
 };
 injectCss();
 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"
 };
 export {
   giphy_selecter_default as default,

package/dist/es/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": ["var styleDataHash = 'e7a4e4be';  \nexport const injectCss = (() => {\n  var css = `._2wtm1,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.D-wyw{display:block;width:100%}[dir] .D-wyw{padding-top:8px}.gn0o-,.zUdz0{height:277px;overflow:auto}[dir] .gn0o-,[dir] .zUdz0{padding-top:8px}@supports not (contain:inline-size){@media only screen and (max-width:640px){.gn0o-,.zUdz0{height:calc(100vh - 132px)}}}@container (width < 640px){.gn0o-,.zUdz0{height:calc(100vh - 132px)}}.kMlsR{display:grid;grid-auto-rows:87px;grid-template-columns:calc(50% - 4px) calc(50% - 4px);grid-gap:8px}@supports not (contain:inline-size){@media only screen and (max-width:640px){.kMlsR{grid-auto-rows:99px}}}@container (width < 640px){.kMlsR{grid-auto-rows:99px}}.zKQ4j{height:277px}[dir] .NraSE{padding-bottom:6px}[dir=ltr] .NraSE{padding-right:18px}[dir=rtl] .NraSE{padding-left:18px}._3oaeE{width:4px}[dir] ._3oaeE{background:#000;border-radius:4px}[dir=ltr] ._3oaeE{margin-left:-2px}[dir=rtl] ._3oaeE{margin-right:-2px}[dir=ltr] .wHdF-{float:right;text-align:right}[dir=rtl] .wHdF-{float:left;text-align:left}.Uefd0{height:100%;overflow:hidden;width:100%}[dir] .Uefd0{cursor:pointer}[dir] .-REUX{margin-top:20px;text-align:center}.-UVKS{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.xx-fq{align-content:center;display:grid;font-size:14px;height:100%;letter-spacing:1px}[dir] .xx-fq{text-align:center}.gn0o-{align-items:center;display:flex;justify-content:center;max-width:207px}.cg09Q{color:var(--ricos-settings-text-color,#000);font-family:var(--ricos-settings-text-font-family,Helvetica Neue,Helvetica,Arial);font-size:14px;font-weight:300;line-height:1.57}[dir] .cg09Q{padding:0 20px;text-align:center}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"fontElementMap\": \"_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": ["var styleDataHash = '66f8a1a6';  \nexport const injectCss = (() => {\n  var css = `._1ZlrQ,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.DaXAX{display:block;width:100%}[dir] .DaXAX{padding-top:8px}._1HEx5,.e6TrJ{height:277px;overflow:auto}[dir] ._1HEx5,[dir] .e6TrJ{padding-top:8px}@supports not (contain:inline-size){@media only screen and (max-width:640px){._1HEx5,.e6TrJ{height:calc(100vh - 132px)}}}@container (width < 640px){._1HEx5,.e6TrJ{height:calc(100vh - 132px)}}._69Q-f{display:grid;grid-auto-rows:87px;grid-template-columns:calc(50% - 4px) calc(50% - 4px);grid-gap:8px}@supports not (contain:inline-size){@media only screen and (max-width:640px){._69Q-f{grid-auto-rows:99px}}}@container (width < 640px){._69Q-f{grid-auto-rows:99px}}.Lv6RU{height:277px}[dir] .lKQiB{padding-bottom:6px}[dir=ltr] .lKQiB{padding-right:18px}[dir=rtl] .lKQiB{padding-left:18px}.TAJlr{width:4px}[dir] .TAJlr{background:#000;border-radius:4px}[dir=ltr] .TAJlr{margin-left:-2px}[dir=rtl] .TAJlr{margin-right:-2px}[dir=ltr] .CMFjS{float:right;text-align:right}[dir=rtl] .CMFjS{float:left;text-align:left}.nWRbA{height:100%;overflow:hidden;width:100%}[dir] .nWRbA{cursor:pointer}[dir] .Q-ZLu{margin-top:20px;text-align:center}.qLWfp{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.LNQTj{align-content:center;display:grid;font-size:14px;height:100%;letter-spacing:1px}[dir] .LNQTj{text-align:center}.e6TrJ{align-items:center;display:flex;justify-content:center;max-width:207px}.piG7x{color:var(--ricos-settings-text-color,#000);font-family:var(--ricos-settings-text-font-family,Helvetica Neue,Helvetica,Arial);font-size:14px;font-weight:300;line-height:1.57}[dir] .piG7x{padding:0 20px;text-align:center}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"fontElementMap\": \"_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,IAAI,gBAAgB;AACb,MAAM,YAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,yBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,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/es/plugin-giphy/statics/styles/giphy-viewer-scss.js

@@ -1,6 +1,6 @@
 var giphy_viewer_default = {
-  "giphy_player": "_5U3cZ",
-  "gifRatio": "wnUkT"
+  "giphy_player": "lCOVP",
+  "gifRatio": "-u6v-"
 };
 export {
   giphy_viewer_default as default

package/dist/es/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,IAAO,uBAAQ;AAAA,EACb,gBAAgB;AAAA,EAChB,YAAY;AACd;",
   "names": []
 }

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

@@ -1,7 +1,18 @@
-import React from "react";
-import GiphyViewer from "../viewer/giphy-viewer";
-const Gif = ({ settings, componentData }) => {
-  return /* @__PURE__ */ React.createElement(GiphyViewer, { componentData, settings });
+import React, { useContext } from "react";
+import { RicosContext } from "./../../ricos-context";
+import { getContainerClasses } from "../../_shared/figure/get-container-classes";
+import { Giphy } from "../viewer/giphy";
+const Gif = ({ settings, componentData, ...props }) => {
+  const { isMobile } = useContext(RicosContext);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: getContainerClasses(props.editor, props.node.attrs.id, isMobile),
+      draggable: true,
+      "data-drag-handle": true
+    },
+    /* @__PURE__ */ React.createElement(Giphy, { componentData, config: settings })
+  );
 };
 export {
   Gif

package/dist/es/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,OAAO,WAAW;AAIlB,OAAO,iBAAiB;AAEjB,MAAM,MAA6B,CAAC,EAAE,UAAU,cAAc,MAAM;AACzE,SAAO,oCAAC,eAAY,eAA8B,UAAoB;AACxE;",
+  "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,OAAO,SAAS,kBAAkB;AAElC,SAAS,oBAAoB;AAG7B,SAAS,2BAA2B;AACpC,SAAS,aAAa;AAEf,MAAM,MAA6B,CAAC,EAAE,UAAU,eAAe,GAAG,MAAM,MAAM;AACnF,QAAM,EAAE,SAAS,IAAI,WAAW,YAAY;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,oBAAoB,MAAM,QAAQ,MAAM,KAAK,MAAM,IAAI,QAAQ;AAAA,MAC1E,WAAS;AAAA,MACT,oBAAgB;AAAA;AAAA,IAEhB,oCAAC,SAAM,eAA8B,QAAQ,UAAU;AAAA,EACzD;AAEJ;",
   "names": []
 }

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

@@ -1,27 +1,49 @@
+import { findParentNodeClosestToPos } from "@tiptap/core";
 import { TIPTAP_GIF_TYPE } from "./../../ricos-content";
-import gifDataDefaults from "./../../ricos-schema/legacy/statics/gif.defaults.json";
 import { createRicosNodeExtension } from "./../../plugin-commons";
-import { Gif as Component } from "./component";
-const name = TIPTAP_GIF_TYPE;
+import { Gif } from "./component";
 const tiptapExtensions = [
   createRicosNodeExtension({
-    name,
-    groups: ["overlay", "draggable", "not-overtypable"],
+    name: TIPTAP_GIF_TYPE,
+    groups: ["not-overtypable", "custom-styles"],
     type: "react-node",
     reconfigure: (config, _extensions, _props, settings) => ({
       ...config,
       addOptions: () => settings
     }),
-    Component,
+    Component: Gif,
     createExtensionConfig() {
       return {
         name: this.name,
-        group: "block",
+        group: "block figure",
         selectable: true,
         draggable: true,
-        addAttributes: () => gifDataDefaults,
+        addAttributes: () => ({
+          containerData: null,
+          height: null,
+          width: null,
+          original: null,
+          downsized: null
+        }),
         addCommands() {
           return {};
+        },
+        addKeyboardShortcuts() {
+          const newLine = ({ editor }) => {
+            const gifFigure = findParentNodeClosestToPos(
+              editor.state.selection.$from,
+              (node) => node.type.name === 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/es/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,SAAS,uBAAuB;AAChC,OAAO,qBAAqB;AAE5B,SAAS,gCAAgC;AAEzC,SAAS,OAAO,iBAAiB;AAEjC,MAAM,OAAO;AAEN,MAAM,mBAAmB;AAAA,EAC9B,yBAAyB;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;AAAA,IACA,wBAAwB;AACtB,aAAO;AAAA,QACL,MAAM,KAAK;AAAA,QACX,OAAO;AAAA,QACP,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,eAAe,MAAM;AAAA,QACrB,cAAc;AACZ,iBAAO,CAAC;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AACH;",
+  "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,SAAsB,kCAAkC;AAExD,SAAS,uBAAuB;AAEhC,SAAS,gCAAgC;AAEzC,SAAS,WAAW;AAEb,MAAM,mBAAmB;AAAA,EAC9B,yBAAyB;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,YAAY;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": []
 }

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

@@ -1,13 +1,66 @@
-import React, { useContext } from "react";
-import { RicosViewerContext } from "./../../ricos-context";
-import { GIPHY_TYPE } from "../types";
-import GifViewer from "./giphy-viewer";
-const Giphy = ({ node, nodeIndex, NodeViewContainer }) => {
-  const { config } = useContext(RicosViewerContext);
-  return /* @__PURE__ */ React.createElement(NodeViewContainer, { key: node.id, node, nodeIndex }, /* @__PURE__ */ React.createElement(GifViewer, { componentData: node.gifData, settings: config[GIPHY_TYPE] }));
+import React from "react";
+import { Image } from "./../../ui-components";
+import { ROOT } from "../dataHooks";
+import styles from "../statics/styles/giphy-viewer-scss";
+const Giphy = (props) => {
+  const { componentData } = props;
+  const { id, width, height } = componentData;
+  if (componentData.original.mp4) {
+    return /* @__PURE__ */ React.createElement(
+      "video",
+      {
+        role: "img",
+        autoPlay: true,
+        muted: true,
+        loop: true,
+        playsInline: true,
+        "aria-label": "gif",
+        "data-hook": ROOT,
+        className: styles.giphy_player,
+        src: componentData.original.mp4
+      }
+    );
+  }
+  const isInfoForWixImageReady = id !== void 0 && width !== void 0 && height !== void 0;
+  if (isInfoForWixImageReady) {
+    return /* @__PURE__ */ React.createElement(
+      Image,
+      {
+        id,
+        containerId: `${id}-parent`,
+        role: "img",
+        "aria-label": "gif",
+        height,
+        width,
+        containerProps: {
+          className: styles.gifRatio,
+          containerId: `${id}-parent`,
+          style: {
+            ["--dim-height"]: height,
+            ["--dim-width"]: width
+          },
+          dataHook: ROOT
+        },
+        displayMode: "fill",
+        className: styles.giphy_player,
+        uri: componentData.original.gif,
+        alt: "gif"
+      }
+    );
+  }
+  return /* @__PURE__ */ React.createElement(
+    "img",
+    {
+      role: "img",
+      "aria-label": "gif",
+      className: styles.giphy_player,
+      src: componentData.original.gif,
+      alt: "gif",
+      "data-hook": ROOT
+    }
+  );
 };
-var giphy_default = Giphy;
 export {
-  giphy_default as default
+  Giphy
 };
 //# sourceMappingURL=giphy.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-giphy/viewer/giphy.tsx"],
-  "sourcesContent": ["import React, { useContext } from 'react';\n\nimport { RicosViewerContext } from './../../ricos-context';\nimport type { ComponentData, NodeViewRendererProps } from './../../ricos-types';\n\nimport { GIPHY_TYPE } from '../types';\nimport GifViewer from './giphy-viewer';\n\nconst Giphy = ({ node, nodeIndex, NodeViewContainer }: NodeViewRendererProps) => {\n  const { config } = useContext(RicosViewerContext);\n\n  return (\n    <NodeViewContainer key={node.id} node={node} nodeIndex={nodeIndex}>\n      <GifViewer componentData={node.gifData as ComponentData} settings={config[GIPHY_TYPE]} />\n    </NodeViewContainer>\n  );\n};\n\nexport default Giphy;\n"],
-  "mappings": "AAAA,OAAO,SAAS,kBAAkB;AAElC,SAAS,0BAA0B;AAGnC,SAAS,kBAAkB;AAC3B,OAAO,eAAe;AAEtB,MAAM,QAAQ,CAAC,EAAE,MAAM,WAAW,kBAAkB,MAA6B;AAC/E,QAAM,EAAE,OAAO,IAAI,WAAW,kBAAkB;AAEhD,SACE,oCAAC,qBAAkB,KAAK,KAAK,IAAI,MAAY,aAC3C,oCAAC,aAAU,eAAe,KAAK,SAA0B,UAAU,OAAO,UAAU,GAAG,CACzF;AAEJ;AAEA,IAAO,gBAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport type { ComponentData } from './../../ricos-content';\nimport { Image } from './../../ui-components';\n\nimport { ROOT } from '../dataHooks';\nimport styles from '../statics/styles/giphy-viewer-scss';\nimport type { GiphyPluginEditorConfig } from '../types';\n\ntype Props = {\n  componentData: ComponentData;\n  config: GiphyPluginEditorConfig;\n};\n\nexport const Giphy: React.FC<Props> = props => {\n  const { componentData } = props;\n  const { id, width, height } = componentData;\n\n  if (componentData.original.mp4) {\n    // video should be treated as an noninteractive git element\n    /* eslint-disable jsx-a11y/no-redundant-roles, jsx-a11y/no-interactive-element-to-noninteractive-role*/\n    return (\n      <video\n        role=\"img\"\n        autoPlay\n        muted\n        loop\n        playsInline // required for autoplay in iOS\n        aria-label=\"gif\"\n        data-hook={ROOT}\n        className={styles.giphy_player}\n        src={componentData.original.mp4}\n      />\n    );\n  }\n\n  const isInfoForWixImageReady = id !== undefined && width !== undefined && height !== undefined;\n\n  if (isInfoForWixImageReady) {\n    return (\n      <Image\n        id={id}\n        containerId={`${id}-parent`}\n        role=\"img\"\n        aria-label=\"gif\"\n        height={height}\n        width={width}\n        containerProps={{\n          className: styles.gifRatio,\n          containerId: `${id}-parent`,\n          style: {\n            ['--dim-height' as string]: height,\n            ['--dim-width' as string]: width,\n          },\n          dataHook: ROOT,\n        }}\n        displayMode=\"fill\"\n        className={styles.giphy_player}\n        uri={componentData.original.gif}\n        alt=\"gif\"\n      />\n    );\n  }\n\n  return (\n    <img\n      role=\"img\"\n      aria-label=\"gif\"\n      className={styles.giphy_player}\n      src={componentData.original.gif}\n      alt=\"gif\"\n      data-hook={ROOT}\n    />\n  );\n};\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAGlB,SAAS,aAAa;AAEtB,SAAS,YAAY;AACrB,OAAO,YAAY;AAQZ,MAAM,QAAyB,WAAS;AAC7C,QAAM,EAAE,cAAc,IAAI;AAC1B,QAAM,EAAE,IAAI,OAAO,OAAO,IAAI;AAE9B,MAAI,cAAc,SAAS,KAAK;AAG9B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAQ;AAAA,QACR,OAAK;AAAA,QACL,MAAI;AAAA,QACJ,aAAW;AAAA,QACX,cAAW;AAAA,QACX,aAAW;AAAA,QACX,WAAW,OAAO;AAAA,QAClB,KAAK,cAAc,SAAS;AAAA;AAAA,IAC9B;AAAA,EAEJ;AAEA,QAAM,yBAAyB,OAAO,UAAa,UAAU,UAAa,WAAW;AAErF,MAAI,wBAAwB;AAC1B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,aAAa,GAAG,EAAE;AAAA,QAClB,MAAK;AAAA,QACL,cAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,gBAAgB;AAAA,UACd,WAAW,OAAO;AAAA,UAClB,aAAa,GAAG,EAAE;AAAA,UAClB,OAAO;AAAA,YACL,CAAC,cAAwB,GAAG;AAAA,YAC5B,CAAC,aAAuB,GAAG;AAAA,UAC7B;AAAA,UACA,UAAU;AAAA,QACZ;AAAA,QACA,aAAY;AAAA,QACZ,WAAW,OAAO;AAAA,QAClB,KAAK,cAAc,SAAS;AAAA,QAC5B,KAAI;AAAA;AAAA,IACN;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAW,OAAO;AAAA,MAClB,KAAK,cAAc,SAAS;AAAA,MAC5B,KAAI;AAAA,MACJ,aAAW;AAAA;AAAA,EACb;AAEJ;",
   "names": []
 }

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

@@ -6,6 +6,7 @@ var _excluded = ["node", "nodeIndex", "NodeViewContainer"],
 import loadable from "@loadable/component";
 import React, { useMemo } from "react";
 import { Node_Type } from "./../../ricos-types";
+import { CaptionLoadable } from "../../_shared/figure/caption-renderer-loadable";
 var GiphyRenderer = function GiphyRenderer(_ref) {
   var node = _ref.node,
     nodeIndex = _ref.nodeIndex,
@@ -28,7 +29,7 @@ var GiphyRenderer = function GiphyRenderer(_ref) {
         return false;
       },
       importAsync: function importAsync() {
-        return import(/* webpackChunkName: "ricos_plugin_giphy" */"./giphy-loadable");
+        return import(/* webpackChunkName: "ricos_plugin_giphy" */"./viewer-giphy-loadable");
       },
       requireAsync: function requireAsync(props) {
         var _this = this;
@@ -48,9 +49,9 @@ var GiphyRenderer = function GiphyRenderer(_ref) {
       },
       resolve: function resolve() {
         if (require.resolveWeak) {
-          return require.resolveWeak("./giphy-loadable");
+          return require.resolveWeak("./viewer-giphy-loadable");
         }
-        return eval('require.resolve')("./giphy-loadable");
+        return eval('require.resolve')("./viewer-giphy-loadable");
       }
     });
   }, []);
@@ -69,5 +70,5 @@ var GiphyLoadable = function GiphyLoadable(_ref2) {
     node: node
   }, props));
 };
-var nodeViewRenderers = (_nodeViewRenderers = {}, _nodeViewRenderers[Node_Type.GIF] = GiphyLoadable, _nodeViewRenderers);
+var nodeViewRenderers = (_nodeViewRenderers = {}, _nodeViewRenderers[Node_Type.GIF] = GiphyLoadable, _nodeViewRenderers[Node_Type.CAPTION] = CaptionLoadable, _nodeViewRenderers);
 export { nodeViewRenderers };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-giphy/viewer/nodeViewRenderers-loadable.tsx"],
-  "sourcesContent": ["import loadable from '@loadable/component';\nimport type { FC } from 'react';\nimport React, { useMemo } from 'react';\n\nimport type { NodeViewRendererProps, NodeViewRenderers } from './../../ricos-types';\nimport { Node_Type } from './../../ricos-types';\n\nconst GiphyRenderer: FC<NodeViewRendererProps> = ({\n  node,\n  nodeIndex,\n  NodeViewContainer,\n  ...props\n}) => {\n  const Giphy = useMemo(\n    () => loadable(() => import(/* webpackChunkName: \"ricos_plugin_giphy\" */ './giphy')),\n    []\n  );\n  return (\n    <Giphy\n      key={node.id}\n      node={node}\n      nodeIndex={nodeIndex}\n      NodeViewContainer={NodeViewContainer}\n      {...props}\n    />\n  );\n};\n\nconst GiphyLoadable = ({ node, ...props }: NodeViewRendererProps) => {\n  return <GiphyRenderer key={node.id} node={node} {...props} />;\n};\n\nexport const nodeViewRenderers: NodeViewRenderers = {\n  [Node_Type.GIF]: GiphyLoadable,\n};\n"],
-  "mappings": "AAAA,OAAO,cAAc;AAErB,OAAO,SAAS,eAAe;AAG/B,SAAS,iBAAiB;AAE1B,MAAM,gBAA2C,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,QAAQ;AAAA,IACZ,MAAM,SAAS,MAAM;AAAA;AAAA,MAAoD;AAAA,IAAS,CAAC;AAAA,IACnF,CAAC;AAAA,EACH;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,KAAK;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,MAAM,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,MAA6B;AACnE,SAAO,oCAAC,iBAAc,KAAK,KAAK,IAAI,MAAa,GAAG,OAAO;AAC7D;AAEO,MAAM,oBAAuC;AAAA,EAClD,CAAC,UAAU,GAAG,GAAG;AACnB;",
+  "sourcesContent": ["import loadable from '@loadable/component';\nimport type { FC } from 'react';\nimport React, { useMemo } from 'react';\n\nimport type { NodeViewRendererProps, NodeViewRenderers } from './../../ricos-types';\nimport { Node_Type } from './../../ricos-types';\n\nimport { CaptionLoadable } from '../../_shared/figure/caption-renderer-loadable';\n\nconst GiphyRenderer: FC<NodeViewRendererProps> = ({\n  node,\n  nodeIndex,\n  NodeViewContainer,\n  ...props\n}) => {\n  const Giphy = useMemo(\n    () => loadable(() => import(/* webpackChunkName: \"ricos_plugin_giphy\" */ './viewer-giphy')),\n    []\n  );\n  return (\n    <Giphy\n      key={node.id}\n      node={node}\n      nodeIndex={nodeIndex}\n      NodeViewContainer={NodeViewContainer}\n      {...props}\n    />\n  );\n};\n\nconst GiphyLoadable = ({ node, ...props }: NodeViewRendererProps) => {\n  return <GiphyRenderer key={node.id} node={node} {...props} />;\n};\n\nexport const nodeViewRenderers: NodeViewRenderers = {\n  [Node_Type.GIF]: GiphyLoadable,\n  [Node_Type.CAPTION]: CaptionLoadable,\n};\n"],
+  "mappings": "AAAA,OAAO,cAAc;AAErB,OAAO,SAAS,eAAe;AAG/B,SAAS,iBAAiB;AAE1B,SAAS,uBAAuB;AAEhC,MAAM,gBAA2C,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,QAAQ;AAAA,IACZ,MAAM,SAAS,MAAM;AAAA;AAAA,MAAoD;AAAA,IAAgB,CAAC;AAAA,IAC1F,CAAC;AAAA,EACH;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,KAAK;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,MAAM,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,MAA6B;AACnE,SAAO,oCAAC,iBAAc,KAAK,KAAK,IAAI,MAAa,GAAG,OAAO;AAC7D;AAEO,MAAM,oBAAuC;AAAA,EAClD,CAAC,UAAU,GAAG,GAAG;AAAA,EACjB,CAAC,UAAU,OAAO,GAAG;AACvB;",
   "names": []
 }

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

@@ -1,7 +1,9 @@
 import { Node_Type } from "./../../ricos-types";
-import Giphy from "./giphy";
+import Caption from "../../_shared/figure/viewer-caption";
+import Giphy from "./viewer-giphy";
 const nodeViewRenderers = {
-  [Node_Type.GIF]: Giphy
+  [Node_Type.GIF]: Giphy,
+  [Node_Type.CAPTION]: Caption
 };
 export {
   nodeViewRenderers

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

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

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

@@ -0,0 +1,33 @@
+import React, { useContext } from "react";
+import { RicosViewerContext } from "./../../ricos-context";
+import { ViewerFigure } from "../../_shared/figure/viewer-figure";
+import { GIPHY_TYPE } from "../types";
+import { Giphy } from "./giphy";
+const ViewerGiphy = ({
+  node,
+  nodeIndex,
+  NodeViewContainer,
+  RicosNodesRenderer
+}) => {
+  const { config } = useContext(RicosViewerContext);
+  return /* @__PURE__ */ React.createElement(
+    ViewerFigure,
+    {
+      node,
+      nodeIndex,
+      NodeViewContainer,
+      RicosNodesRenderer
+    },
+    /* @__PURE__ */ React.createElement(Giphy, { componentData: node.gifData, config: config[GIPHY_TYPE] })
+  );
+};
+const GiphyRenderer = ({ node, ...props }) => {
+  return /* @__PURE__ */ React.createElement(ViewerGiphy, { key: node.id, node, ...props });
+};
+var viewer_giphy_default = GiphyRenderer;
+export {
+  viewer_giphy_default as default
+};
+//# sourceMappingURL=viewer-giphy.js.map
+
+import "@wix/ricos/css/plugin-giphy-viewer.global.css";