@wix/ricos 10.114.0 → 10.115.0

package/dist/es/plugin-image/settings/settings.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-image/settings/settings.tsx"],
-  "sourcesContent": ["import { Box, Divider, FormField, Input, Text } from '@wix/design-system';\nimport type { FC } from 'react';\nimport React, { useContext, useState } from 'react';\n\nimport {\n  EditorContext,\n  ModalServiceContext,\n  RicosContext,\n  usePluginExportsContext,\n  ZIndexContext,\n} from './../../ricos-context';\nimport { type ImageData, PluginContainerData_Alignment } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { Media } from './../../ricos-schema/next-schema';\nimport {\n  FooterActions,\n  ImageNew as Image,\n  SidePanelLayout,\n  ToggleButton,\n} from './../../ui-components';\n\nimport { imageModals } from '../consts';\nimport {\n  SETTINGS_ALT_INPUT_TEXT,\n  SETTINGS_DISABLE_DOWNLOAD_TOGGLE,\n  SETTINGS_DISABLE_EXPAND_TOGGLE,\n  SETTINGS_IMAGE_PREVIEW,\n  SETTINGS_SPOILER_TOGGLE,\n} from '../dataHooks';\nimport type { ImagePluginEditorConfig } from '../types';\nimport { IMAGE_TYPE } from '../types';\nimport { useSpoilerPlugin } from './use-spoiler-plugin';\n\ninterface SettingsProps {\n  nodeId: string;\n  config: ImagePluginEditorConfig;\n}\n\ntype SettingsState = {\n  image: ImageData['image'];\n  caption: string;\n  altText: string;\n  disableExpand: boolean;\n  disableDownload: boolean;\n  isMarkedAsSpoiler: boolean | undefined;\n};\n\nexport const Settings: FC<SettingsProps> = ({ nodeId, config }) => {\n  const { t, isMobile } = useContext(RicosContext);\n  const modalService = useContext(ModalServiceContext) || {};\n  const { getEditorCommands } = useContext(EditorContext);\n  const zIndexService = useContext(ZIndexContext);\n  const exports = usePluginExportsContext();\n\n  const [initialData] = useState<ImageData>(() =>\n    getEditorCommands().getBlockComponentData(nodeId)\n  );\n  const [state, setState] = useState<SettingsState>(() =>\n    fromComponentData({ componentData: initialData, config })\n  );\n\n  const isSpoilerEnabled = useSpoilerPlugin();\n\n  const closeModal = () => {\n    modalService.closeModal(imageModals.settings);\n  };\n\n  const handleOnChange = (value: Partial<SettingsState>) => {\n    getEditorCommands().setBlock(\n      nodeId,\n      IMAGE_TYPE,\n      toComponentData({\n        componentData: initialData,\n        config,\n        formValue: { ...state, ...value },\n      })\n    );\n    setState(prev => ({ ...prev, ...value }));\n  };\n\n  const requiredHeight = isMobile ? 157 : 240;\n  const requiredWidth = requiredHeight;\n\n  const AltTextComponent = exports?.aiIntegrations?.image?.altTextInput;\n\n  return (\n    <SidePanelLayout\n      onCloseButtonClick={closeModal}\n      header={{ title: t('ImageSettings_Header') }}\n      content={{\n        children: (\n          <Box direction=\"vertical\" height={'100%'} gap=\"SP4\">\n            <Image\n              dataHook={SETTINGS_IMAGE_PREVIEW}\n              alt={state.altText || t('ImagePlugin_Image_Preview_Alt')}\n              src={state.image?.src?.id || state.image?.src?.url || ''}\n              width={Number(state.image?.width)}\n              height={Number(state.image?.height)}\n              requiredHeight={requiredHeight}\n              requiredWidth={requiredWidth}\n            />\n            {AltTextComponent ? (\n              <AltTextComponent\n                image={state.image as Media}\n                altText={state.altText}\n                onChange={value => handleOnChange({ altText: value })}\n              />\n            ) : (\n              <FormField\n                label={t('ImageSettings_Alt_Label')}\n                infoContent={\n                  <Box direction=\"vertical\" gap=\"SP1\">\n                    <Text light size=\"small\">\n                      {t('ImageSettings_Alt_Label_Tooltip')}\n                    </Text>\n                  </Box>\n                }\n                infoTooltipProps={{\n                  appendTo: el => Boolean(el.getAttribute('data-hook')?.includes('ricos-portal')),\n                  zIndex: zIndexService.getZIndex('TOOLTIP'),\n                }}\n              >\n                <Input\n                  dataHook={SETTINGS_ALT_INPUT_TEXT}\n                  type=\"text\"\n                  placeholder={t('ImageSettings_Alt_Input_Placeholder')}\n                  value={state.altText}\n                  onChange={e => handleOnChange({ altText: e.target.value })}\n                />\n              </FormField>\n            )}\n            <ToggleButton\n              title={t('ImagePlugin_Settings_ImageOpensInExpandMode_Label')}\n              checked={!state.disableExpand}\n              onChange={() => handleOnChange({ disableExpand: !state.disableExpand })}\n              infoContent={t('ImageSettings_Expand_Mode_Toggle')}\n              dataHook={SETTINGS_DISABLE_EXPAND_TOGGLE}\n            />\n            <ToggleButton\n              title={t('ImagePlugin_Settings_ImageCanBeDownloaded_Label')}\n              checked={!state.disableDownload}\n              onChange={() => handleOnChange({ disableDownload: !state.disableDownload })}\n              infoContent={t('ImagePlugin_Settings_ImageCanBeDownloaded_Tooltip')}\n              dataHook={SETTINGS_DISABLE_DOWNLOAD_TOGGLE}\n            />\n            {isSpoilerEnabled ? (\n              <>\n                <Divider />\n                <ToggleButton\n                  title={t('ImageSettings_Spoiler_Toggle')}\n                  checked={Boolean(state.isMarkedAsSpoiler)}\n                  onChange={() => handleOnChange({ isMarkedAsSpoiler: !state.isMarkedAsSpoiler })}\n                  infoContent={t('Spoiler_Toggle_Tooltip')}\n                  dataHook={SETTINGS_SPOILER_TOGGLE}\n                />\n              </>\n            ) : null}\n          </Box>\n        ),\n      }}\n      footer={{\n        children: (\n          <FooterActions\n            onSave={closeModal}\n            onCancel={() => {\n              getEditorCommands().setBlock(nodeId, IMAGE_TYPE, initialData);\n              closeModal();\n            }}\n          />\n        ),\n      }}\n    />\n  );\n};\n\nconst fromComponentData = ({\n  componentData,\n  config,\n}: {\n  componentData: ImageData;\n  config: ImagePluginEditorConfig;\n}): SettingsState => {\n  return {\n    image: componentData.image,\n    caption: componentData.caption ?? '',\n    altText: componentData.altText ?? '',\n    disableExpand: componentData.disableExpand ?? Boolean(config.disableExpand),\n    disableDownload: componentData.disableDownload ?? Boolean(config.disableDownload),\n    isMarkedAsSpoiler: componentData.containerData?.spoiler?.enabled ?? undefined,\n  };\n};\n\nconst toComponentData = ({\n  componentData,\n  config,\n  formValue,\n}: {\n  componentData: ImageData | undefined;\n  config: ImagePluginEditorConfig;\n  formValue: SettingsState;\n}): ImageData => {\n  const { disableExpand, disableDownload, caption, altText, image, isMarkedAsSpoiler } = formValue;\n\n  const getValueOrDefault = (setting: boolean | undefined, value: boolean) => {\n    if (setting !== undefined) {\n      return setting === value ? undefined : value;\n    }\n\n    return value === false ? undefined : value;\n  };\n\n  return {\n    ...componentData,\n    image,\n    caption: caption || undefined,\n    altText: altText || undefined,\n    disableExpand: getValueOrDefault(config.disableExpand, disableExpand),\n    disableDownload: getValueOrDefault(config.disableDownload, disableDownload),\n    containerData: {\n      alignment: componentData?.containerData?.alignment ?? PluginContainerData_Alignment.LEFT,\n      ...componentData?.containerData,\n      spoiler: (() => {\n        if (!isMarkedAsSpoiler) {\n          return undefined;\n        }\n\n        return {\n          ...componentData?.containerData?.spoiler,\n          enabled: isMarkedAsSpoiler,\n        };\n      })(),\n    },\n  };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Box, Divider, FormField, Input, Text } from '@wix/design-system';\nimport type { FC } from 'react';\nimport React, { useContext, useState } from 'react';\n\nimport {\n  EditorContext,\n  ModalServiceContext,\n  RicosContext,\n  usePluginExportsContext,\n  ZIndexContext,\n} from './../../ricos-context';\nimport { type ImageData, PluginContainerData_Alignment } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { Media } from './../../ricos-schema/next-schema';\nimport type { PmImageNode } from './../../_shared/pm-node-types';\nimport { useSpoilerPlugin } from './../../_shared/use-spoiler-plugin';\nimport {\n  FooterActions,\n  ImageNew as Image,\n  SidePanelLayout,\n  ToggleButton,\n} from './../../ui-components';\n\nimport { imageModals } from '../consts';\nimport {\n  SETTINGS_ALT_INPUT_TEXT,\n  SETTINGS_DISABLE_DOWNLOAD_TOGGLE,\n  SETTINGS_DISABLE_EXPAND_TOGGLE,\n  SETTINGS_IMAGE_PREVIEW,\n  SETTINGS_SPOILER_TOGGLE,\n} from '../dataHooks';\nimport type { ImagePluginEditorConfig } from '../types';\nimport { IMAGE_TYPE } from '../types';\n\ninterface SettingsProps {\n  nodeId: string;\n  config: ImagePluginEditorConfig;\n}\n\ntype SettingsState = {\n  image: ImageData['image'];\n  caption: string;\n  altText: string;\n  disableExpand: boolean;\n  disableDownload: boolean;\n  isMarkedAsSpoiler: boolean | undefined;\n};\n\nexport const Settings: FC<SettingsProps> = ({ nodeId }) => {\n  const { t, isMobile } = useContext(RicosContext);\n  const modalService = useContext(ModalServiceContext) || {};\n  const { getEditorCommands } = useContext(EditorContext);\n  const zIndexService = useContext(ZIndexContext);\n  const exports = usePluginExportsContext();\n\n  const [initialData] = useState<ImageData>(() =>\n    getEditorCommands().getBlockComponentData(nodeId)\n  );\n  const [state, setState] = useState<SettingsState>(() =>\n    fromComponentData({ componentData: initialData })\n  );\n\n  const isSpoilerEnabled = useSpoilerPlugin(IMAGE_TYPE);\n\n  const closeModal = () => {\n    modalService.closeModal(imageModals.settings);\n  };\n\n  const handleOnChange = (value: Partial<SettingsState>) => {\n    getEditorCommands().setBlock(\n      nodeId,\n      IMAGE_TYPE,\n      toComponentData({\n        componentData: initialData,\n        formValue: { ...state, ...value },\n      })\n    );\n    setState(prev => ({ ...prev, ...value }));\n  };\n\n  const requiredHeight = isMobile ? 157 : 240;\n  const requiredWidth = requiredHeight;\n\n  const AltTextComponent = exports?.aiIntegrations?.image?.altTextInput;\n\n  return (\n    <SidePanelLayout\n      onCloseButtonClick={closeModal}\n      header={{ title: t('ImageSettings_Header') }}\n      content={{\n        children: (\n          <Box direction=\"vertical\" height={'100%'} gap=\"SP4\">\n            <Image\n              dataHook={SETTINGS_IMAGE_PREVIEW}\n              alt={state.altText || t('ImagePlugin_Image_Preview_Alt')}\n              src={state.image?.src?.id || state.image?.src?.url || ''}\n              width={Number(state.image?.width)}\n              height={Number(state.image?.height)}\n              requiredHeight={requiredHeight}\n              requiredWidth={requiredWidth}\n            />\n            {AltTextComponent ? (\n              <AltTextComponent\n                image={state.image as Media}\n                altText={state.altText}\n                onChange={value => handleOnChange({ altText: value })}\n              />\n            ) : (\n              <FormField\n                label={t('ImageSettings_Alt_Label')}\n                infoContent={\n                  <Box direction=\"vertical\" gap=\"SP1\">\n                    <Text light size=\"small\">\n                      {t('ImageSettings_Alt_Label_Tooltip')}\n                    </Text>\n                  </Box>\n                }\n                infoTooltipProps={{\n                  appendTo: el => Boolean(el.getAttribute('data-hook')?.includes('ricos-portal')),\n                  zIndex: zIndexService.getZIndex('TOOLTIP'),\n                }}\n              >\n                <Input\n                  dataHook={SETTINGS_ALT_INPUT_TEXT}\n                  type=\"text\"\n                  placeholder={t('ImageSettings_Alt_Input_Placeholder')}\n                  value={state.altText}\n                  onChange={e => handleOnChange({ altText: e.target.value })}\n                />\n              </FormField>\n            )}\n            <ToggleButton\n              title={t('ImagePlugin_Settings_ImageOpensInExpandMode_Label')}\n              checked={!state.disableExpand}\n              onChange={() => handleOnChange({ disableExpand: !state.disableExpand })}\n              infoContent={t('ImageSettings_Expand_Mode_Toggle')}\n              dataHook={SETTINGS_DISABLE_EXPAND_TOGGLE}\n            />\n            <ToggleButton\n              title={t('ImagePlugin_Settings_ImageCanBeDownloaded_Label')}\n              checked={!state.disableDownload}\n              onChange={() => handleOnChange({ disableDownload: !state.disableDownload })}\n              infoContent={t('ImagePlugin_Settings_ImageCanBeDownloaded_Tooltip')}\n              dataHook={SETTINGS_DISABLE_DOWNLOAD_TOGGLE}\n            />\n            {isSpoilerEnabled ? (\n              <>\n                <Divider />\n                <ToggleButton\n                  title={t('ImageSettings_Spoiler_Toggle')}\n                  checked={Boolean(state.isMarkedAsSpoiler)}\n                  onChange={() => handleOnChange({ isMarkedAsSpoiler: !state.isMarkedAsSpoiler })}\n                  infoContent={t('Spoiler_Toggle_Tooltip')}\n                  dataHook={SETTINGS_SPOILER_TOGGLE}\n                />\n              </>\n            ) : null}\n          </Box>\n        ),\n      }}\n      footer={{\n        children: (\n          <FooterActions\n            onSave={closeModal}\n            onCancel={() => {\n              getEditorCommands().setBlock(nodeId, IMAGE_TYPE, initialData);\n              closeModal();\n            }}\n          />\n        ),\n      }}\n    />\n  );\n};\n\nconst fromComponentData = ({ componentData }: { componentData: ImageData }): SettingsState => {\n  return {\n    image: componentData.image,\n    caption: componentData.caption ?? '',\n    altText: componentData.altText ?? '',\n    disableExpand: Boolean(componentData.disableExpand),\n    disableDownload: Boolean(componentData.disableDownload),\n    isMarkedAsSpoiler: componentData.containerData?.spoiler?.enabled ?? undefined,\n  };\n};\n\nconst toComponentData = ({\n  componentData,\n  formValue,\n}: {\n  componentData: ImageData | undefined;\n  formValue: SettingsState;\n}): PmImageNode['attrs'] => {\n  const { disableExpand, disableDownload, caption, altText, image, isMarkedAsSpoiler } = formValue;\n\n  return {\n    ...componentData,\n    // @ts-expect-error\n    image,\n    caption: caption || null,\n    altText: altText || null,\n    disableExpand: disableExpand || null,\n    disableDownload: disableDownload || null,\n    containerData: {\n      // @ts-expect-error\n      alignment: componentData?.containerData?.alignment ?? PluginContainerData_Alignment.LEFT,\n      ...componentData?.containerData,\n      spoiler: (() => {\n        if (!isMarkedAsSpoiler) {\n          return undefined;\n        }\n\n        return {\n          ...componentData?.containerData?.spoiler,\n          enabled: isMarkedAsSpoiler,\n        };\n      })(),\n    },\n  };\n};\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,6 +1,6 @@
-var styleDataHash = "d3d253a5";
+var styleDataHash = "70d237e3";
 const injectCss = () => {
-  var css = `.plqJj{color:var(--ricos-settings-text-color,#333);display:flex;flex:1 1 auto;flex-direction:column;position:unset;z-index:5}[dir] .plqJj{background:#fff}[dir=ltr] .plqJj{left:0;right:0;text-align:left}[dir=rtl] .plqJj{left:0;right:0;text-align:right}.dFhK1{font-size:20px;position:absolute}[dir=ltr] .dFhK1{margin:24px 0 24px 24px}[dir=rtl] .dFhK1{margin:24px 24px 24px 0}[dir] .t8nbS{padding:0 24px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .t8nbS{padding:20px 20px 0}}}@container (width < 640px){[dir] .t8nbS{padding:20px 20px 0}}.TSV5y{display:flex;height:240px;justify-content:center;width:100%}[dir] .TSV5y{background-color:rgba(51,51,51,.1)}._1MRKU{font-size:14px;position:relative}[dir] ._1MRKU{padding:20px 0 0}[dir] .UP3Rc{margin-bottom:5px}.BZqr1{height:calc(100% - 170px);overflow:scroll;position:absolute;top:70px;width:100%}[dir] .BZqr1{margin:0;padding-bottom:30px}@supports not (contain:inline-size){@media only screen and (max-width:640px){.BZqr1{height:calc(100% - 50px);top:50px}}}@container (width < 640px){.BZqr1{height:calc(100% - 50px);top:50px}}[dir] .EzDoY{padding:0 24px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .EzDoY{padding:0 20px}}}@container (width < 640px){[dir] .EzDoY{padding:0 20px}}[dir] .lDTmD{margin:0 auto}.M5T-7{z-index:6}.IDS7r{visibility:hidden}`;
+  var css = `.CgwgU{color:var(--ricos-settings-text-color,#333);display:flex;flex:1 1 auto;flex-direction:column;position:unset;z-index:5}[dir] .CgwgU{background:#fff}[dir=ltr] .CgwgU{left:0;right:0;text-align:left}[dir=rtl] .CgwgU{left:0;right:0;text-align:right}._7bSXy{font-size:20px;position:absolute}[dir=ltr] ._7bSXy{margin:24px 0 24px 24px}[dir=rtl] ._7bSXy{margin:24px 24px 24px 0}[dir] .b5UtI{padding:0 24px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .b5UtI{padding:20px 20px 0}}}@container (width < 640px){[dir] .b5UtI{padding:20px 20px 0}}.UQ3JU{display:flex;height:240px;justify-content:center;width:100%}[dir] .UQ3JU{background-color:rgba(51,51,51,.1)}.cUAfD{font-size:14px;position:relative}[dir] .cUAfD{padding:20px 0 0}[dir] .XXKiU{margin-bottom:5px}._5qXed{height:calc(100% - 170px);overflow:scroll;position:absolute;top:70px;width:100%}[dir] ._5qXed{margin:0;padding-bottom:30px}@supports not (contain:inline-size){@media only screen and (max-width:640px){._5qXed{height:calc(100% - 50px);top:50px}}}@container (width < 640px){._5qXed{height:calc(100% - 50px);top:50px}}[dir] ._06bHW{padding:0 24px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] ._06bHW{padding:0 20px}}}@container (width < 640px){[dir] ._06bHW{padding:0 20px}}[dir] .x8ARi{margin:0 auto}.LKpu2{z-index:6}.pODLu{visibility:hidden}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,17 +21,17 @@ const injectCss = () => {
 };
 injectCss();
 var image_settings_default = {
-  "imageSettings": "plqJj",
-  "imageSettingsTitle": "dFhK1",
-  "imageSettingsImageSection": "t8nbS",
-  "imageSettingsImage": "TSV5y",
-  "imageSettingsSection": "_1MRKU",
-  "imageSettingsLabel": "UP3Rc",
-  "imageSettings_scrollContainer": "BZqr1",
-  "imageSettings_inputsWrapper": "EzDoY",
-  "imageSettings_mobile": "lDTmD",
-  "imageSettings_footer": "M5T-7",
-  "imageSettings_hidden": "IDS7r"
+  "imageSettings": "CgwgU",
+  "imageSettingsTitle": "_7bSXy",
+  "imageSettingsImageSection": "b5UtI",
+  "imageSettingsImage": "UQ3JU",
+  "imageSettingsSection": "cUAfD",
+  "imageSettingsLabel": "XXKiU",
+  "imageSettings_scrollContainer": "_5qXed",
+  "imageSettings_inputsWrapper": "_06bHW",
+  "imageSettings_mobile": "x8ARi",
+  "imageSettings_footer": "LKpu2",
+  "imageSettings_hidden": "pODLu"
 };
 export {
   image_settings_default as default,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-image/statics/styles/image-settings.scss"],
-  "sourcesContent": ["var styleDataHash = 'd3d253a5';  \nexport const injectCss = (() => {\n  var css = `.plqJj{color:var(--ricos-settings-text-color,#333);display:flex;flex:1 1 auto;flex-direction:column;position:unset;z-index:5}[dir] .plqJj{background:#fff}[dir=ltr] .plqJj{left:0;right:0;text-align:left}[dir=rtl] .plqJj{left:0;right:0;text-align:right}.dFhK1{font-size:20px;position:absolute}[dir=ltr] .dFhK1{margin:24px 0 24px 24px}[dir=rtl] .dFhK1{margin:24px 24px 24px 0}[dir] .t8nbS{padding:0 24px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .t8nbS{padding:20px 20px 0}}}@container (width < 640px){[dir] .t8nbS{padding:20px 20px 0}}.TSV5y{display:flex;height:240px;justify-content:center;width:100%}[dir] .TSV5y{background-color:rgba(51,51,51,.1)}._1MRKU{font-size:14px;position:relative}[dir] ._1MRKU{padding:20px 0 0}[dir] .UP3Rc{margin-bottom:5px}.BZqr1{height:calc(100% - 170px);overflow:scroll;position:absolute;top:70px;width:100%}[dir] .BZqr1{margin:0;padding-bottom:30px}@supports not (contain:inline-size){@media only screen and (max-width:640px){.BZqr1{height:calc(100% - 50px);top:50px}}}@container (width < 640px){.BZqr1{height:calc(100% - 50px);top:50px}}[dir] .EzDoY{padding:0 24px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .EzDoY{padding:0 20px}}}@container (width < 640px){[dir] .EzDoY{padding:0 20px}}[dir] .lDTmD{margin:0 auto}.M5T-7{z-index:6}.IDS7r{visibility:hidden}`;\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  \"imageSettings\": \"plqJj\",\n  \"imageSettingsTitle\": \"dFhK1\",\n  \"imageSettingsImageSection\": \"t8nbS\",\n  \"imageSettingsImage\": \"TSV5y\",\n  \"imageSettingsSection\": \"_1MRKU\",\n  \"imageSettingsLabel\": \"UP3Rc\",\n  \"imageSettings_scrollContainer\": \"BZqr1\",\n  \"imageSettings_inputsWrapper\": \"EzDoY\",\n  \"imageSettings_mobile\": \"lDTmD\",\n  \"imageSettings_footer\": \"M5T-7\",\n  \"imageSettings_hidden\": \"IDS7r\"\n};"],
+  "sourcesContent": ["var styleDataHash = '70d237e3';  \nexport const injectCss = (() => {\n  var css = `.CgwgU{color:var(--ricos-settings-text-color,#333);display:flex;flex:1 1 auto;flex-direction:column;position:unset;z-index:5}[dir] .CgwgU{background:#fff}[dir=ltr] .CgwgU{left:0;right:0;text-align:left}[dir=rtl] .CgwgU{left:0;right:0;text-align:right}._7bSXy{font-size:20px;position:absolute}[dir=ltr] ._7bSXy{margin:24px 0 24px 24px}[dir=rtl] ._7bSXy{margin:24px 24px 24px 0}[dir] .b5UtI{padding:0 24px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .b5UtI{padding:20px 20px 0}}}@container (width < 640px){[dir] .b5UtI{padding:20px 20px 0}}.UQ3JU{display:flex;height:240px;justify-content:center;width:100%}[dir] .UQ3JU{background-color:rgba(51,51,51,.1)}.cUAfD{font-size:14px;position:relative}[dir] .cUAfD{padding:20px 0 0}[dir] .XXKiU{margin-bottom:5px}._5qXed{height:calc(100% - 170px);overflow:scroll;position:absolute;top:70px;width:100%}[dir] ._5qXed{margin:0;padding-bottom:30px}@supports not (contain:inline-size){@media only screen and (max-width:640px){._5qXed{height:calc(100% - 50px);top:50px}}}@container (width < 640px){._5qXed{height:calc(100% - 50px);top:50px}}[dir] ._06bHW{padding:0 24px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] ._06bHW{padding:0 20px}}}@container (width < 640px){[dir] ._06bHW{padding:0 20px}}[dir] .x8ARi{margin:0 auto}.LKpu2{z-index:6}.pODLu{visibility:hidden}`;\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  \"imageSettings\": \"CgwgU\",\n  \"imageSettingsTitle\": \"_7bSXy\",\n  \"imageSettingsImageSection\": \"b5UtI\",\n  \"imageSettingsImage\": \"UQ3JU\",\n  \"imageSettingsSection\": \"cUAfD\",\n  \"imageSettingsLabel\": \"XXKiU\",\n  \"imageSettings_scrollContainer\": \"_5qXed\",\n  \"imageSettings_inputsWrapper\": \"_06bHW\",\n  \"imageSettings_mobile\": \"x8ARi\",\n  \"imageSettings_footer\": \"LKpu2\",\n  \"imageSettings_hidden\": \"pODLu\"\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,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB,6BAA6B;AAAA,EAC7B,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,EACxB,sBAAsB;AAAA,EACtB,iCAAiC;AAAA,EACjC,+BAA+B;AAAA,EAC/B,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,wBAAwB;AAC1B;",
   "names": []
 }

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

@@ -1,18 +1,18 @@
 var image_viewer_rtlignore_default = {
-  "fontElementMap": "m2HMQ",
-  "imageFigure": "bkHjV",
-  "imageContainer": "ttuZY",
-  "expandContainer": "JRM4a",
-  "expandIcon": "BIrqP",
-  "pointer": "_8NaJA",
-  "imageWrapper": "pe-V8",
-  "imageRatio": "G3qcW",
-  "image": "ABtfZ",
-  "imageOverlay": "_2QnDZ",
-  "imagePreload": "atoCX",
-  "imageHighres": "Oxuig",
-  "onlyHighRes": "_2yXNx",
-  "image_loading": "aWfBU"
+  "fontElementMap": "Bi-hI",
+  "imageFigure": "aEqun",
+  "imageContainer": "vhG7C",
+  "expandContainer": "HyH6O",
+  "expandIcon": "aUSp4",
+  "pointer": "yS7zq",
+  "imageWrapper": "L2P8r",
+  "imageRatio": "Ku1Gj",
+  "image": "t-3Md",
+  "imageOverlay": "fPPMO",
+  "imagePreload": "p-aKh",
+  "imageHighres": "udLMe",
+  "onlyHighRes": "GJZpH",
+  "image_loading": "KGsQy"
 };
 export {
   image_viewer_rtlignore_default as default

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-image/statics/styles/image-viewer.rtlignore.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"m2HMQ\",\n  \"imageFigure\": \"bkHjV\",\n  \"imageContainer\": \"ttuZY\",\n  \"expandContainer\": \"JRM4a\",\n  \"expandIcon\": \"BIrqP\",\n  \"pointer\": \"_8NaJA\",\n  \"imageWrapper\": \"pe-V8\",\n  \"imageRatio\": \"G3qcW\",\n  \"image\": \"ABtfZ\",\n  \"imageOverlay\": \"_2QnDZ\",\n  \"imagePreload\": \"atoCX\",\n  \"imageHighres\": \"Oxuig\",\n  \"onlyHighRes\": \"_2yXNx\",\n  \"image_loading\": \"aWfBU\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"Bi-hI\",\n  \"imageFigure\": \"aEqun\",\n  \"imageContainer\": \"vhG7C\",\n  \"expandContainer\": \"HyH6O\",\n  \"expandIcon\": \"aUSp4\",\n  \"pointer\": \"yS7zq\",\n  \"imageWrapper\": \"L2P8r\",\n  \"imageRatio\": \"Ku1Gj\",\n  \"image\": \"t-3Md\",\n  \"imageOverlay\": \"fPPMO\",\n  \"imagePreload\": \"p-aKh\",\n  \"imageHighres\": \"udLMe\",\n  \"onlyHighRes\": \"GJZpH\",\n  \"image_loading\": \"KGsQy\"\n};"],
   "mappings": "AAAA,IAAO,iCAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,iBAAiB;AACnB;",
   "names": []
 }

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

@@ -1,6 +1,6 @@
-var styleDataHash = "41378722";
+var styleDataHash = "cab68afe";
 const injectCss = () => {
-  var css = `.PxR4D,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.WAPyz{color:var(--ricos-custom-p-color,unset);color:var(--ricos-custom-p-color,var(--ricos-text-color,#212121));line-height:21px;font:inherit;font-family:var(--ricos-custom-p-font-family,unset);font-size:var(--ricos-custom-p-font-size,unset);font-size:14px;font-style:var(--ricos-custom-p-font-style,unset);font-weight:var(--ricos-custom-p-font-weight,unset);line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);position:inherit;resize:none;text-decoration:var(--ricos-custom-p-text-decoration,unset);width:100%;z-index:1}[dir] .WAPyz{border:none}[dir] .WAPyz>span>a,[dir] .WAPyz>span>span{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.WAPyz{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){.WAPyz{font-size:var(--ricos-custom-p-font-size,unset)}}[dir] .WAPyz[readonly]{cursor:pointer}`;
+  var css = `.glob_fontElementMap,.llMYa{font-family:var(--ricos-font-family,unset)}.q2lq1{color:var(--ricos-custom-p-color,unset);color:var(--ricos-custom-p-color,var(--ricos-text-color,#212121));line-height:21px;font:inherit;font-family:var(--ricos-custom-p-font-family,unset);font-size:var(--ricos-custom-p-font-size,unset);font-size:14px;font-style:var(--ricos-custom-p-font-style,unset);font-weight:var(--ricos-custom-p-font-weight,unset);line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);position:inherit;resize:none;text-decoration:var(--ricos-custom-p-text-decoration,unset);width:100%;z-index:1}[dir] .q2lq1{border:none}[dir] .q2lq1>span>a,[dir] .q2lq1>span>span{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.q2lq1{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){.q2lq1{font-size:var(--ricos-custom-p-font-size,unset)}}[dir] .q2lq1[readonly]{cursor:pointer}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,8 +21,8 @@ const injectCss = () => {
 };
 injectCss();
 var in_plugin_input_default = {
-  "fontElementMap": "PxR4D",
-  "inPluginInput": "WAPyz"
+  "fontElementMap": "llMYa",
+  "inPluginInput": "q2lq1"
 };
 export {
   in_plugin_input_default as default,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-image/statics/styles/in-plugin-input.scss"],
-  "sourcesContent": ["var styleDataHash = '41378722';  \nexport const injectCss = (() => {\n  var css = `.PxR4D,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.WAPyz{color:var(--ricos-custom-p-color,unset);color:var(--ricos-custom-p-color,var(--ricos-text-color,#212121));line-height:21px;font:inherit;font-family:var(--ricos-custom-p-font-family,unset);font-size:var(--ricos-custom-p-font-size,unset);font-size:14px;font-style:var(--ricos-custom-p-font-style,unset);font-weight:var(--ricos-custom-p-font-weight,unset);line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);position:inherit;resize:none;text-decoration:var(--ricos-custom-p-text-decoration,unset);width:100%;z-index:1}[dir] .WAPyz{border:none}[dir] .WAPyz>span>a,[dir] .WAPyz>span>span{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.WAPyz{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){.WAPyz{font-size:var(--ricos-custom-p-font-size,unset)}}[dir] .WAPyz[readonly]{cursor:pointer}`;\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\": \"PxR4D\",\n  \"inPluginInput\": \"WAPyz\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'cab68afe';  \nexport const injectCss = (() => {\n  var css = `.glob_fontElementMap,.llMYa{font-family:var(--ricos-font-family,unset)}.q2lq1{color:var(--ricos-custom-p-color,unset);color:var(--ricos-custom-p-color,var(--ricos-text-color,#212121));line-height:21px;font:inherit;font-family:var(--ricos-custom-p-font-family,unset);font-size:var(--ricos-custom-p-font-size,unset);font-size:14px;font-style:var(--ricos-custom-p-font-style,unset);font-weight:var(--ricos-custom-p-font-weight,unset);line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);position:inherit;resize:none;text-decoration:var(--ricos-custom-p-text-decoration,unset);width:100%;z-index:1}[dir] .q2lq1{border:none}[dir] .q2lq1>span>a,[dir] .q2lq1>span>span{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.q2lq1{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){.q2lq1{font-size:var(--ricos-custom-p-font-size,unset)}}[dir] .q2lq1[readonly]{cursor:pointer}`;\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\": \"llMYa\",\n  \"inPluginInput\": \"q2lq1\"\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,0BAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,iBAAiB;AACnB;",
   "names": []
 }

package/dist/es/plugin-image/testkit.js

@@ -35,6 +35,13 @@ const createImageTestkit = (getBase) => {
               return false;
             }
           },
+          expandExists: async () => {
+            const image = await getImage(index);
+            return image.get(dataHook(EXPAND_BUTTON)).then(
+              () => true,
+              () => false
+            );
+          },
           click: async () => {
             const image = await getImage(index);
             await image.click();

package/dist/es/plugin-image/testkit.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-image/testkit.ts"],
-  "sourcesContent": ["import {\n  ImageUniDriver,\n  InputUniDriver,\n  ToggleSwitchUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nimport { createFigureTestkit, type FigureTestkit } from './../plugin-figure/testkit';\nimport type { GetOptions, Testkit, UniDriver } from './../ricos-types/testkit';\nimport { dataHook, RicosPluginToolbarNames } from './../wix-rich-content-common';\nimport { INSERT_PLUGIN_BUTTONS } from './../editor-common';\nimport type { FooterActionsUnidrver } from './../ui-components/testkit';\nimport { createFooterActionsUnidriver } from './../ui-components/testkit';\n\nimport {\n  EXPAND_BUTTON,\n  ROOT,\n  SETTINGS_ALT_INPUT_TEXT,\n  SETTINGS_DISABLE_DOWNLOAD_TOGGLE,\n  SETTINGS_DISABLE_EXPAND_TOGGLE,\n  SETTINGS_IMAGE_PREVIEW,\n  SETTINGS_SPOILER_TOGGLE,\n} from './dataHooks';\nimport { imageAddToolbars } from './getAddButtons';\n\nexport type ImageTestkit = Testkit<{\n  content: {\n    atIndex: (index: number) => FigureTestkit & {\n      exists: (options?: GetOptions) => Promise<boolean>;\n      click: () => Promise<void>;\n      hover: () => Promise<void>;\n      getText: () => Promise<string>;\n      getAlt: () => Promise<string>;\n      hasSpoiler: () => Promise<boolean>;\n      getStyle: () => Promise<string | null>;\n      clickExpand: () => Promise<void>;\n    };\n    fullscreen: {\n      exists: () => Promise<boolean>;\n    };\n  };\n  settings: {\n    image: ReturnType<typeof ImageUniDriver>;\n    disableExpandToggle: ReturnType<typeof ToggleSwitchUniDriver>;\n    disableDownloadToggle: ReturnType<typeof ToggleSwitchUniDriver>;\n    spoilerToggle: ReturnType<typeof ToggleSwitchUniDriver>;\n    altTextInput: ReturnType<typeof InputUniDriver> & { waitForElement: () => Promise<void> };\n  } & FooterActionsUnidrver;\n  toolbars: {\n    createAddButtonToolbars: (getAddButtonBase: () => UniDriver<Element>) => {\n      click: () => Promise<void>;\n      toolbarsToAddIn: typeof imageAddToolbars;\n    };\n    createPluginToolbar: (\n      getPluginToolbarBase: (pluginType: typeof RicosPluginToolbarNames.IMAGE) => UniDriver<Element>\n    ) => {\n      openSettingsModal: () => Promise<void>;\n      clickDelete: () => Promise<void>;\n      openLinkPanel: () => Promise<void>;\n      clickSizeDropdown: () => Promise<void>;\n      imageSize: {\n        clickSmall: () => Promise<void>;\n      };\n      exists: () => Promise<boolean>;\n    };\n  };\n}>;\n\nexport const createImageTestkit: ImageTestkit = getBase => {\n  const getImage = async (index: number, options?: GetOptions) => {\n    const image = await getBase().getAll(dataHook(ROOT), options);\n    return image.at(index);\n  };\n  const getImageTag = async () => await getBase().get(`${dataHook(ROOT)} img`);\n\n  return {\n    content: {\n      atIndex: index => {\n        return {\n          exists: async options => {\n            try {\n              const image = await getImage(index, options);\n              return image.exists();\n            } catch (error) {\n              return false;\n            }\n          },\n          click: async () => {\n            const image = await getImage(index);\n            await image.click();\n          },\n          hover: async () => {\n            const image = await getImage(index);\n            await image.hover();\n          },\n          getText: async () => (await getImage(index)).text(),\n          getAlt: async () => (await getImageTag())._prop('alt'),\n          hasSpoiler: async () => {\n            try {\n              const spoiler = await getBase().get(dataHook('spoilerContainer'));\n              return spoiler.exists();\n            } catch (error) {\n              return false;\n            }\n          },\n          getStyle: async () => (await getImageTag()).attr('style'),\n          clickExpand: async () => {\n            const image = await getImage(index);\n            (await image.get(dataHook(EXPAND_BUTTON))).click();\n          },\n          ...createFigureTestkit(getBase, index),\n        };\n      },\n      fullscreen: {\n        exists: async () => {\n          return (await getBase().get(dataHook('fullscreen-root'))).exists();\n        },\n      },\n    },\n    settings: {\n      image: ImageUniDriver(getBase().$(dataHook(SETTINGS_IMAGE_PREVIEW)), getBase()),\n      disableExpandToggle: ToggleSwitchUniDriver(\n        getBase().$(dataHook(SETTINGS_DISABLE_EXPAND_TOGGLE)),\n        getBase()\n      ),\n      disableDownloadToggle: ToggleSwitchUniDriver(\n        getBase().$(dataHook(SETTINGS_DISABLE_DOWNLOAD_TOGGLE)),\n        getBase()\n      ),\n      spoilerToggle: ToggleSwitchUniDriver(\n        getBase().$(dataHook(SETTINGS_SPOILER_TOGGLE)),\n        getBase()\n      ),\n      altTextInput: {\n        ...InputUniDriver(getBase().$(dataHook(SETTINGS_ALT_INPUT_TEXT)), getBase()),\n        waitForElement: async () => {\n          await getBase().$(dataHook(SETTINGS_ALT_INPUT_TEXT)).wait();\n        },\n      },\n      ...createFooterActionsUnidriver(getBase),\n    },\n    toolbars: {\n      createAddButtonToolbars: getAddButtonBase => ({\n        click: async () => {\n          const imagePluginButton = await getAddButtonBase().get(\n            dataHook(INSERT_PLUGIN_BUTTONS.IMAGE)\n          );\n          await imagePluginButton.click();\n        },\n        toolbarsToAddIn: imageAddToolbars,\n      }),\n      createPluginToolbar: getPluginToolbarBase => ({\n        openSettingsModal: async () => {\n          const settings = await getPluginToolbarBase(RicosPluginToolbarNames.IMAGE).get(\n            dataHook('baseToolbarButton_settings')\n          );\n          await settings.click();\n        },\n        clickDelete: async () => {\n          const button = await getPluginToolbarBase(RicosPluginToolbarNames.IMAGE).get(\n            dataHook('blockButton_delete')\n          );\n          await button.click();\n        },\n        openLinkPanel: async () => {\n          const button = await getPluginToolbarBase(RicosPluginToolbarNames.IMAGE).get(\n            dataHook('LinkButton')\n          );\n          await button.click();\n        },\n        clickSizeDropdown: async () => {\n          const dropdown = await getPluginToolbarBase(RicosPluginToolbarNames.IMAGE).get(\n            dataHook('nodeSizeButton')\n          );\n          await dropdown.click();\n        },\n        imageSize: {\n          clickSmall: async () => {\n            const allignmentButton = await getBase().get(\n              dataHook('blockAlignmentAndSizeButton_sizeSmallCenter')\n            );\n            await allignmentButton.click();\n          },\n        },\n        exists: async () => {\n          try {\n            return getPluginToolbarBase(RicosPluginToolbarNames.IMAGE).exists();\n          } catch (error) {\n            return false;\n          }\n        },\n      }),\n    },\n  };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  ImageUniDriver,\n  InputUniDriver,\n  ToggleSwitchUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nimport { createFigureTestkit, type FigureTestkit } from './../plugin-figure/testkit';\nimport type { GetOptions, Testkit, UniDriver } from './../ricos-types/testkit';\nimport { dataHook, RicosPluginToolbarNames } from './../wix-rich-content-common';\nimport { INSERT_PLUGIN_BUTTONS } from './../editor-common';\nimport type { FooterActionsUnidrver } from './../ui-components/testkit';\nimport { createFooterActionsUnidriver } from './../ui-components/testkit';\n\nimport {\n  EXPAND_BUTTON,\n  ROOT,\n  SETTINGS_ALT_INPUT_TEXT,\n  SETTINGS_DISABLE_DOWNLOAD_TOGGLE,\n  SETTINGS_DISABLE_EXPAND_TOGGLE,\n  SETTINGS_IMAGE_PREVIEW,\n  SETTINGS_SPOILER_TOGGLE,\n} from './dataHooks';\nimport { imageAddToolbars } from './getAddButtons';\n\nexport type ImageTestkit = Testkit<{\n  content: {\n    atIndex: (index: number) => FigureTestkit & {\n      exists: (options?: GetOptions) => Promise<boolean>;\n      click: () => Promise<void>;\n      hover: () => Promise<void>;\n      getText: () => Promise<string>;\n      getAlt: () => Promise<string>;\n      hasSpoiler: () => Promise<boolean>;\n      getStyle: () => Promise<string | null>;\n      clickExpand: () => Promise<void>;\n      expandExists: () => Promise<boolean>;\n    };\n    fullscreen: {\n      exists: () => Promise<boolean>;\n    };\n  };\n  settings: {\n    image: ReturnType<typeof ImageUniDriver>;\n    disableExpandToggle: ReturnType<typeof ToggleSwitchUniDriver>;\n    disableDownloadToggle: ReturnType<typeof ToggleSwitchUniDriver>;\n    spoilerToggle: ReturnType<typeof ToggleSwitchUniDriver>;\n    altTextInput: ReturnType<typeof InputUniDriver> & { waitForElement: () => Promise<void> };\n  } & FooterActionsUnidrver;\n  toolbars: {\n    createAddButtonToolbars: (getAddButtonBase: () => UniDriver<Element>) => {\n      click: () => Promise<void>;\n      toolbarsToAddIn: typeof imageAddToolbars;\n    };\n    createPluginToolbar: (\n      getPluginToolbarBase: (pluginType: typeof RicosPluginToolbarNames.IMAGE) => UniDriver<Element>\n    ) => {\n      openSettingsModal: () => Promise<void>;\n      clickDelete: () => Promise<void>;\n      openLinkPanel: () => Promise<void>;\n      clickSizeDropdown: () => Promise<void>;\n      imageSize: {\n        clickSmall: () => Promise<void>;\n      };\n      exists: () => Promise<boolean>;\n    };\n  };\n}>;\n\nexport const createImageTestkit: ImageTestkit = getBase => {\n  const getImage = async (index: number, options?: GetOptions) => {\n    const image = await getBase().getAll(dataHook(ROOT), options);\n    return image.at(index);\n  };\n  const getImageTag = async () => await getBase().get(`${dataHook(ROOT)} img`);\n\n  return {\n    content: {\n      atIndex: index => {\n        return {\n          exists: async options => {\n            try {\n              const image = await getImage(index, options);\n              return image.exists();\n            } catch (error) {\n              return false;\n            }\n          },\n          expandExists: async () => {\n            const image = await getImage(index);\n            return image.get(dataHook(EXPAND_BUTTON)).then(\n              () => true,\n              () => false\n            );\n          },\n          click: async () => {\n            const image = await getImage(index);\n            await image.click();\n          },\n          hover: async () => {\n            const image = await getImage(index);\n            await image.hover();\n          },\n          getText: async () => (await getImage(index)).text(),\n          getAlt: async () => (await getImageTag())._prop('alt'),\n          hasSpoiler: async () => {\n            try {\n              const spoiler = await getBase().get(dataHook('spoilerContainer'));\n              return spoiler.exists();\n            } catch (error) {\n              return false;\n            }\n          },\n          getStyle: async () => (await getImageTag()).attr('style'),\n          clickExpand: async () => {\n            const image = await getImage(index);\n            (await image.get(dataHook(EXPAND_BUTTON))).click();\n          },\n          ...createFigureTestkit(getBase, index),\n        };\n      },\n      fullscreen: {\n        exists: async () => {\n          return (await getBase().get(dataHook('fullscreen-root'))).exists();\n        },\n      },\n    },\n    settings: {\n      image: ImageUniDriver(getBase().$(dataHook(SETTINGS_IMAGE_PREVIEW)), getBase()),\n      disableExpandToggle: ToggleSwitchUniDriver(\n        getBase().$(dataHook(SETTINGS_DISABLE_EXPAND_TOGGLE)),\n        getBase()\n      ),\n      disableDownloadToggle: ToggleSwitchUniDriver(\n        getBase().$(dataHook(SETTINGS_DISABLE_DOWNLOAD_TOGGLE)),\n        getBase()\n      ),\n      spoilerToggle: ToggleSwitchUniDriver(\n        getBase().$(dataHook(SETTINGS_SPOILER_TOGGLE)),\n        getBase()\n      ),\n      altTextInput: {\n        ...InputUniDriver(getBase().$(dataHook(SETTINGS_ALT_INPUT_TEXT)), getBase()),\n        waitForElement: async () => {\n          await getBase().$(dataHook(SETTINGS_ALT_INPUT_TEXT)).wait();\n        },\n      },\n      ...createFooterActionsUnidriver(getBase),\n    },\n    toolbars: {\n      createAddButtonToolbars: getAddButtonBase => ({\n        click: async () => {\n          const imagePluginButton = await getAddButtonBase().get(\n            dataHook(INSERT_PLUGIN_BUTTONS.IMAGE)\n          );\n          await imagePluginButton.click();\n        },\n        toolbarsToAddIn: imageAddToolbars,\n      }),\n      createPluginToolbar: getPluginToolbarBase => ({\n        openSettingsModal: async () => {\n          const settings = await getPluginToolbarBase(RicosPluginToolbarNames.IMAGE).get(\n            dataHook('baseToolbarButton_settings')\n          );\n          await settings.click();\n        },\n        clickDelete: async () => {\n          const button = await getPluginToolbarBase(RicosPluginToolbarNames.IMAGE).get(\n            dataHook('blockButton_delete')\n          );\n          await button.click();\n        },\n        openLinkPanel: async () => {\n          const button = await getPluginToolbarBase(RicosPluginToolbarNames.IMAGE).get(\n            dataHook('LinkButton')\n          );\n          await button.click();\n        },\n        clickSizeDropdown: async () => {\n          const dropdown = await getPluginToolbarBase(RicosPluginToolbarNames.IMAGE).get(\n            dataHook('nodeSizeButton')\n          );\n          await dropdown.click();\n        },\n        imageSize: {\n          clickSmall: async () => {\n            const allignmentButton = await getBase().get(\n              dataHook('blockAlignmentAndSizeButton_sizeSmallCenter')\n            );\n            await allignmentButton.click();\n          },\n        },\n        exists: async () => {\n          try {\n            return getPluginToolbarBase(RicosPluginToolbarNames.IMAGE).exists();\n          } catch (error) {\n            return false;\n          }\n        },\n      }),\n    },\n  };\n};\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -5,9 +5,10 @@ import {
   TIPTAP_FIGURE_TYPE,
   TIPTAP_IMAGE_TYPE
 } from "./../../ricos-content";
+import { Link_Target } from "./../../ricos-schema/next-schema";
 import { createRicosNodeExtension, Uploader } from "./../../plugin-commons";
 import { findNodeById } from "./../../tiptap-editor/helpers";
-import { RICOS_DEFAULTS, tiptapImageAttributeDefaults } from "../consts";
+import { RICOS_DEFAULTS } from "../consts";
 import { ImagePluginService } from "../toolbar/imagePluginService";
 import { Image } from "./image";
 const imageTiptapExtension = createRicosNodeExtension({
@@ -24,6 +25,7 @@ const imageTiptapExtension = createRicosNodeExtension({
   }),
   Component: Image,
   createExtensionConfig({ Plugin, PluginKey }) {
+    const settings = this.settings;
     const insertAndUploadImage = ({
       commands,
       pos,
@@ -70,7 +72,28 @@ const imageTiptapExtension = createRicosNodeExtension({
       group: "block figure",
       selectable: true,
       draggable: true,
-      addAttributes: () => tiptapImageAttributeDefaults,
+      addAttributes: () => {
+        return {
+          image: null,
+          link: { target: Link_Target.SELF, url: null, anchor: null, rel: null, customData: null },
+          disableExpand: { default: settings?.disableExpand ?? null },
+          altText: null,
+          disableDownload: { default: settings?.disableDownload ?? null },
+          containerData: {
+            spoiler: { enabled: null, description: null, buttonText: null },
+            ...RICOS_DEFAULTS
+          },
+          loading: {
+            default: false
+          },
+          loadingPercentage: {
+            default: null
+          },
+          tempData: {
+            default: null
+          }
+        };
+      },
       addProseMirrorPlugins() {
         return [
           new Plugin({

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-image/tiptap/image-tiptap-extension.ts"],
-  "sourcesContent": ["import type { Editor, SingleCommands } from '@tiptap/core';\nimport { findParentNodeClosestToPos } from '@tiptap/core';\n\nimport type { UploadService } from './../../ricos-common';\nimport {\n  type FileComponentData,\n  generateId,\n  type ImageComponentData,\n  TIPTAP_CAPTION_TYPE,\n  TIPTAP_FIGURE_TYPE,\n  TIPTAP_IMAGE_TYPE,\n  type UpdateEntityFunc,\n  type VideoComponentData,\n} from './../../ricos-content';\nimport type { ExtensionProps, NodeConfig, RicosExtension, RicosServices } from './../../ricos-types';\nimport { createRicosNodeExtension, Uploader } from './../../plugin-commons';\nimport { findNodeById } from './../../tiptap-editor/helpers';\n\nimport { RICOS_DEFAULTS, tiptapImageAttributeDefaults } from '../consts';\nimport { ImagePluginService } from '../toolbar/imagePluginService';\nimport { Image } from './image';\n\nexport type FileUploadHandlerFn = (\n  file: File,\n  updateEntity: UpdateEntityFunc<ImageComponentData | VideoComponentData | FileComponentData>\n) => void;\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    image: {\n      /**\n       * Toggle a paragraph\n       */\n      setImageUrl: (url: string) => ReturnType;\n      /**\n       * Update Image's loading state\n       */\n      setImageLoading: (isLoading: boolean) => ReturnType;\n      /**\n       * Save image from file\n       */\n      insertImageFromFile: (file: File, position: 'above' | 'below') => ReturnType;\n    };\n  }\n}\n\nexport const imageTiptapExtension = createRicosNodeExtension({\n  type: 'react-node',\n  name: TIPTAP_IMAGE_TYPE,\n  groups: ['not-overtypable', 'spoilerable', 'resizable', 'custom-styles', 'shortcuts-enabled'],\n  reconfigure: (\n    config: NodeConfig,\n    _extensions: RicosExtension[],\n    _props: ExtensionProps,\n    settings: Record<string, unknown>,\n    services: RicosServices\n  ) => ({\n    ...config,\n    addOptions: () => ({\n      services,\n      imagePluginService: new ImagePluginService(),\n      ...settings,\n    }),\n  }),\n  Component: Image,\n  createExtensionConfig({ Plugin, PluginKey }) {\n    const insertAndUploadImage = ({\n      commands,\n      pos,\n      file,\n      uploadService,\n      handleFileUpload,\n      imagePluginService,\n    }: {\n      commands: SingleCommands;\n      pos: number;\n      file: File;\n      uploadService: UploadService;\n      handleFileUpload: FileUploadHandlerFn;\n      imagePluginService: ImagePluginService;\n    }): string => {\n      const imageNodeId = generateId();\n      commands.insertContentAt(pos, {\n        type: TIPTAP_FIGURE_TYPE,\n        attrs: {\n          id: generateId(),\n        },\n        content: [\n          {\n            type: TIPTAP_IMAGE_TYPE,\n            attrs: {\n              id: imageNodeId,\n              containerData: RICOS_DEFAULTS.containerData,\n            },\n          },\n          {\n            type: TIPTAP_CAPTION_TYPE,\n          },\n        ],\n      });\n      uploadService?.uploadFile(\n        file,\n        imageNodeId,\n        new Uploader(handleFileUpload),\n        TIPTAP_FIGURE_TYPE,\n        imagePluginService\n      );\n\n      return imageNodeId;\n    };\n\n    return {\n      name: this.name,\n      /*\n       * Priority should be higher than ricos-common-plugin list-item extension in order\n       * to shortcuts to work\n       */\n      priority: 102,\n      group: 'block figure',\n      selectable: true,\n      draggable: true,\n      addAttributes: () => tiptapImageAttributeDefaults,\n      addProseMirrorPlugins() {\n        return [\n          new Plugin({\n            key: new PluginKey('handlePasteImage'),\n            props: {\n              handlePaste: (editor, event) => {\n                const { state } = editor;\n                const { selection } = state;\n\n                let hasFiles = false;\n\n                // Prefer text to images.\n                // This check solves issue with MacOS + MS Word, where copied text\n                // will also have `image/png` inside clipboardData, resulting in pasting\n                // image instead of text\n                if (event?.clipboardData?.types.includes('text/plain')) {\n                  return false;\n                }\n\n                this.editor\n                  .chain()\n                  .command(({ tr, commands }) => {\n                    const ids = Array.from(event?.clipboardData?.files || [])\n                      .filter((file: File) => file.type.startsWith('image'))\n                      .map(file => {\n                        return insertAndUploadImage({\n                          commands,\n                          pos: selection.$to.pos,\n                          file,\n                          uploadService: this.options.services?.uploadService,\n                          handleFileUpload: this.options.handleFileUpload,\n                          imagePluginService: this.options.imagePluginService,\n                        });\n                      });\n\n                    const last = ids[ids.length - 1];\n\n                    hasFiles = ids.length > 0;\n\n                    if (last) {\n                      const nodeWithPos = findNodeById(tr, last)[0];\n                      if (nodeWithPos) {\n                        return commands.setNodeSelection(nodeWithPos.pos as number);\n                      }\n                    }\n\n                    return true;\n                  })\n                  .run();\n\n                if (hasFiles) {\n                  event.preventDefault();\n                  return true;\n                }\n                return false;\n              },\n            },\n          }),\n        ];\n      },\n      addCommands() {\n        return {\n          setImageUrl:\n            url =>\n            ({ commands }) => {\n              return commands.updateAttributes(this.name, { image: { src: { custom: url } } });\n            },\n          setImageLoading:\n            loading =>\n            ({ commands }) => {\n              return commands.updateAttributes(this.name, { loading });\n            },\n          insertImageFromFile:\n            (file, insertPosition) =>\n            ({ commands, tr }) => {\n              let position: number;\n\n              const from = tr.selection.from;\n              const to = tr.selection.to;\n              const blockRange = tr.selection.$from.blockRange(tr.selection.$to);\n\n              if (insertPosition === 'above') {\n                const depth = tr.selection.$from.depth;\n                const adjustedPos = blockRange?.start ?? tr.doc.resolve(from).start(depth);\n                position = Math.max(adjustedPos, 0);\n              } else {\n                const depth = tr.selection.$to.depth;\n                const pos = blockRange?.end ?? tr.doc.resolve(to).end(depth);\n                position = pos + (blockRange ? 0 : 1);\n              }\n\n              const id = insertAndUploadImage({\n                commands,\n                pos: position,\n                file,\n                uploadService: this.options.services?.uploadService,\n                handleFileUpload: this.options.handleFileUpload,\n                imagePluginService: this.options.imagePluginService,\n              });\n\n              const nodeWithPos = findNodeById(tr, id)[0];\n              if (nodeWithPos) {\n                return commands.setNodeSelection(nodeWithPos.pos as number);\n              }\n\n              return true;\n            },\n        };\n      },\n      addKeyboardShortcuts() {\n        const newLine = ({ editor }: { editor: Editor }) => {\n          const imageFigure = getImageFigure(editor);\n          if (!imageFigure) {\n            return false;\n          }\n          editor\n            .chain()\n            .setTextSelection(imageFigure.start + imageFigure.node.nodeSize - 1)\n            .createParagraphNear()\n            .focus()\n            .run();\n          return true;\n        };\n\n        const tiptapKeyboardShortcuts = {\n          Enter: newLine,\n        };\n\n        const newLineShortcuts: any = [];\n        this.options.services.shortcuts.shortcuts.forEach(shortcut => {\n          if (shortcut.shortcut.name === 'NewLine') {\n            newLineShortcuts.push(shortcut);\n          }\n        });\n\n        newLineShortcuts.forEach(newLineShortcut => {\n          const modifier = newLineShortcut.keys.macOs.modifiers[0];\n          const key = newLineShortcut.keys.macOs.key;\n          const shortcutKey = modifier ? `${modifier}-${key}` : key;\n          tiptapKeyboardShortcuts[shortcutKey] = newLine;\n        });\n\n        return tiptapKeyboardShortcuts;\n      },\n    };\n  },\n});\n\nconst getImageFigure = (editor: Editor) =>\n  findParentNodeClosestToPos(\n    editor.state.selection.$from,\n    node => node.type.name === TIPTAP_FIGURE_TYPE\n  );\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { Editor, SingleCommands } from '@tiptap/core';\nimport { findParentNodeClosestToPos } from '@tiptap/core';\n\nimport type { UploadService } from './../../ricos-common';\nimport {\n  type FileComponentData,\n  generateId,\n  type ImageComponentData,\n  TIPTAP_CAPTION_TYPE,\n  TIPTAP_FIGURE_TYPE,\n  TIPTAP_IMAGE_TYPE,\n  type UpdateEntityFunc,\n  type VideoComponentData,\n} from './../../ricos-content';\nimport { Link_Target } from './../../ricos-schema/next-schema';\nimport type { ExtensionProps, NodeConfig, RicosExtension, RicosServices } from './../../ricos-types';\nimport { createRicosNodeExtension, Uploader } from './../../plugin-commons';\nimport { findNodeById } from './../../tiptap-editor/helpers';\n\nimport { RICOS_DEFAULTS } from '../consts';\nimport { ImagePluginService } from '../toolbar/imagePluginService';\nimport { Image } from './image';\n\nexport type FileUploadHandlerFn = (\n  file: File,\n  updateEntity: UpdateEntityFunc<ImageComponentData | VideoComponentData | FileComponentData>\n) => void;\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    image: {\n      /**\n       * Toggle a paragraph\n       */\n      setImageUrl: (url: string) => ReturnType;\n      /**\n       * Update Image's loading state\n       */\n      setImageLoading: (isLoading: boolean) => ReturnType;\n      /**\n       * Save image from file\n       */\n      insertImageFromFile: (file: File, position: 'above' | 'below') => ReturnType;\n    };\n  }\n}\n\nexport const imageTiptapExtension = createRicosNodeExtension({\n  type: 'react-node',\n  name: TIPTAP_IMAGE_TYPE,\n  groups: ['not-overtypable', 'spoilerable', 'resizable', 'custom-styles', 'shortcuts-enabled'],\n  reconfigure: (\n    config: NodeConfig,\n    _extensions: RicosExtension[],\n    _props: ExtensionProps,\n    settings: Record<string, unknown>,\n    services: RicosServices\n  ) => ({\n    ...config,\n    addOptions: () => ({\n      services,\n      imagePluginService: new ImagePluginService(),\n      ...settings,\n    }),\n  }),\n  Component: Image,\n  createExtensionConfig({ Plugin, PluginKey }) {\n    const settings = this.settings as Record<string, unknown>;\n    const insertAndUploadImage = ({\n      commands,\n      pos,\n      file,\n      uploadService,\n      handleFileUpload,\n      imagePluginService,\n    }: {\n      commands: SingleCommands;\n      pos: number;\n      file: File;\n      uploadService: UploadService;\n      handleFileUpload: FileUploadHandlerFn;\n      imagePluginService: ImagePluginService;\n    }): string => {\n      const imageNodeId = generateId();\n      commands.insertContentAt(pos, {\n        type: TIPTAP_FIGURE_TYPE,\n        attrs: {\n          id: generateId(),\n        },\n        content: [\n          {\n            type: TIPTAP_IMAGE_TYPE,\n            attrs: {\n              id: imageNodeId,\n              containerData: RICOS_DEFAULTS.containerData,\n            },\n          },\n          {\n            type: TIPTAP_CAPTION_TYPE,\n          },\n        ],\n      });\n      uploadService?.uploadFile(\n        file,\n        imageNodeId,\n        new Uploader(handleFileUpload),\n        TIPTAP_FIGURE_TYPE,\n        imagePluginService\n      );\n\n      return imageNodeId;\n    };\n\n    return {\n      name: this.name,\n      /*\n       * Priority should be higher than ricos-common-plugin list-item extension in order\n       * to shortcuts to work\n       */\n      priority: 102,\n      group: 'block figure',\n      selectable: true,\n      draggable: true,\n      addAttributes: () => {\n        return {\n          image: null,\n          link: { target: Link_Target.SELF, url: null, anchor: null, rel: null, customData: null },\n          disableExpand: { default: settings?.disableExpand ?? null },\n          altText: null,\n          disableDownload: { default: settings?.disableDownload ?? null },\n          containerData: {\n            spoiler: { enabled: null, description: null, buttonText: null },\n            ...RICOS_DEFAULTS,\n          },\n          loading: {\n            default: false,\n          },\n          loadingPercentage: {\n            default: null,\n          },\n          tempData: {\n            default: null,\n          },\n        };\n      },\n      addProseMirrorPlugins() {\n        return [\n          new Plugin({\n            key: new PluginKey('handlePasteImage'),\n            props: {\n              handlePaste: (editor, event) => {\n                const { state } = editor;\n                const { selection } = state;\n\n                let hasFiles = false;\n\n                // Prefer text to images.\n                // This check solves issue with MacOS + MS Word, where copied text\n                // will also have `image/png` inside clipboardData, resulting in pasting\n                // image instead of text\n                if (event?.clipboardData?.types.includes('text/plain')) {\n                  return false;\n                }\n\n                this.editor\n                  .chain()\n                  .command(({ tr, commands }) => {\n                    const ids = Array.from(event?.clipboardData?.files || [])\n                      .filter((file: File) => file.type.startsWith('image'))\n                      .map(file => {\n                        return insertAndUploadImage({\n                          commands,\n                          pos: selection.$to.pos,\n                          file,\n                          uploadService: this.options.services?.uploadService,\n                          handleFileUpload: this.options.handleFileUpload,\n                          imagePluginService: this.options.imagePluginService,\n                        });\n                      });\n\n                    const last = ids[ids.length - 1];\n\n                    hasFiles = ids.length > 0;\n\n                    if (last) {\n                      const nodeWithPos = findNodeById(tr, last)[0];\n                      if (nodeWithPos) {\n                        return commands.setNodeSelection(nodeWithPos.pos as number);\n                      }\n                    }\n\n                    return true;\n                  })\n                  .run();\n\n                if (hasFiles) {\n                  event.preventDefault();\n                  return true;\n                }\n                return false;\n              },\n            },\n          }),\n        ];\n      },\n      addCommands() {\n        return {\n          setImageUrl:\n            url =>\n            ({ commands }) => {\n              return commands.updateAttributes(this.name, { image: { src: { custom: url } } });\n            },\n          setImageLoading:\n            loading =>\n            ({ commands }) => {\n              return commands.updateAttributes(this.name, { loading });\n            },\n          insertImageFromFile:\n            (file, insertPosition) =>\n            ({ commands, tr }) => {\n              let position: number;\n\n              const from = tr.selection.from;\n              const to = tr.selection.to;\n              const blockRange = tr.selection.$from.blockRange(tr.selection.$to);\n\n              if (insertPosition === 'above') {\n                const depth = tr.selection.$from.depth;\n                const adjustedPos = blockRange?.start ?? tr.doc.resolve(from).start(depth);\n                position = Math.max(adjustedPos, 0);\n              } else {\n                const depth = tr.selection.$to.depth;\n                const pos = blockRange?.end ?? tr.doc.resolve(to).end(depth);\n                position = pos + (blockRange ? 0 : 1);\n              }\n\n              const id = insertAndUploadImage({\n                commands,\n                pos: position,\n                file,\n                uploadService: this.options.services?.uploadService,\n                handleFileUpload: this.options.handleFileUpload,\n                imagePluginService: this.options.imagePluginService,\n              });\n\n              const nodeWithPos = findNodeById(tr, id)[0];\n              if (nodeWithPos) {\n                return commands.setNodeSelection(nodeWithPos.pos as number);\n              }\n\n              return true;\n            },\n        };\n      },\n      addKeyboardShortcuts() {\n        const newLine = ({ editor }: { editor: Editor }) => {\n          const imageFigure = getImageFigure(editor);\n          if (!imageFigure) {\n            return false;\n          }\n          editor\n            .chain()\n            .setTextSelection(imageFigure.start + imageFigure.node.nodeSize - 1)\n            .createParagraphNear()\n            .focus()\n            .run();\n          return true;\n        };\n\n        const tiptapKeyboardShortcuts = {\n          Enter: newLine,\n        };\n\n        const newLineShortcuts: any = [];\n        this.options.services.shortcuts.shortcuts.forEach(shortcut => {\n          if (shortcut.shortcut.name === 'NewLine') {\n            newLineShortcuts.push(shortcut);\n          }\n        });\n\n        newLineShortcuts.forEach(newLineShortcut => {\n          const modifier = newLineShortcut.keys.macOs.modifiers[0];\n          const key = newLineShortcut.keys.macOs.key;\n          const shortcutKey = modifier ? `${modifier}-${key}` : key;\n          tiptapKeyboardShortcuts[shortcutKey] = newLine;\n        });\n\n        return tiptapKeyboardShortcuts;\n      },\n    };\n  },\n});\n\nconst getImageFigure = (editor: Editor) =>\n  findParentNodeClosestToPos(\n    editor.state.selection.$from,\n    node => node.type.name === TIPTAP_FIGURE_TYPE\n  );\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/es/plugin-image/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-image/types.ts"],
-  "sourcesContent": ["import type { EditorPluginConfig, ViewerPluginConfig } from './../wix-rich-content-common';\n\nexport const IMAGE_TYPE = 'wix-draft-plugin-image';\n\nexport type ImageEditorWixSettings = {\n  initiator: string;\n  siteToken: string;\n  metaSiteId: string;\n  mediaRoot: string;\n};\n\n/*\n * @deprecated Not possible to configure.\n */\nexport interface ImageConfig {\n  size?: string;\n  alignment?: string;\n  showTitle?: boolean;\n  showDescription?: boolean;\n  link?: {\n    anchor: unknown;\n    url: string;\n  };\n  width?: number;\n  textWrap?: string;\n  spoiler?: SpoilerConfig;\n}\n\ntype SpoilerConfig = {\n  buttonContent?: string | undefined;\n  description?: string | undefined;\n  enabled: boolean | undefined;\n};\n\nexport interface ImagePluginEditorConfig extends EditorPluginConfig, ImageConfig {\n  [key: string]: any; // eslint-disable-line @typescript-eslint/no-explicit-any\n  /*\n   * @default false\n   */\n  disableDownload?: boolean;\n  /*\n   * @default false\n   */\n  disableExpand?: boolean;\n\n  imageEditorWixSettings?: ImageEditorWixSettings;\n  onImageEditorOpen?: () => void;\n\n  /*\n   * @deprecated Not possible to configure. Spoiler is disabled by default.\n   */\n  spoiler?: SpoilerConfig;\n  /*\n   * @deprecated Use disableDownload and disableExpand instead.\n   */\n  defaultData?: {\n    config?: ImageConfig;\n    disableExpand?: boolean;\n  };\n  /*\n   * @deprecated\n   */\n  imageProps?: HTMLImageElement;\n  /*\n   * @deprecated\n   */\n  createGalleryForMultipleImages?: boolean;\n  /*\n   * @deprecated\n   */\n  imageEditor?: boolean;\n  /*\n   * @deprecated\n   */\n  consumer?: string;\n}\n\ntype ImageSrc = Record<string, unknown>;\nexport interface ImagePluginViewerConfig extends ViewerPluginConfig, ImageConfig {\n  onExpand?: (blockkey: string) => unknown;\n  disableExpand?: boolean;\n  disableTransition?: boolean;\n  imageProps?: ((src: ImageSrc) => HTMLImageElement) | HTMLImageElement;\n}\n\nexport type ExtendedBlob = Blob & {\n  lastModified: number;\n  name: string;\n  webkitRelativePath: string;\n};\n"],
-  "mappings": "AAEO,MAAM,aAAa;",
+  "sourcesContent": ["import type { ImageProps } from './../bundled-dependencies/wix-image';\nimport type { EditorPluginConfig, ViewerPluginConfig } from './../wix-rich-content-common';\n\nexport const IMAGE_TYPE = 'wix-draft-plugin-image';\n\nexport type ImageEditorWixSettings = {\n  initiator: string;\n  siteToken: string;\n  metaSiteId: string;\n  mediaRoot: string;\n};\n\n/*\n * @deprecated Not possible to configure.\n */\nexport interface ImageConfig {\n  size?: string;\n  alignment?: string;\n  showTitle?: boolean;\n  showDescription?: boolean;\n  link?: {\n    anchor: unknown;\n    url: string;\n  };\n  width?: number;\n  textWrap?: string;\n  spoiler?: SpoilerConfig;\n}\n\ntype SpoilerConfig = {\n  buttonContent?: string | undefined;\n  description?: string | undefined;\n  enabled: boolean | undefined;\n};\n\nexport interface ImagePluginEditorConfig extends EditorPluginConfig, ImageConfig {\n  [key: string]: any; // eslint-disable-line @typescript-eslint/no-explicit-any\n  /**\n   * @default false\n   * This is initial value of 'disableDownload' field in RicosDocument's ImageData for inserted images\n   */\n  disableDownload?: boolean;\n  /**\n   * @default false\n   * This is initial value of 'disableExpand' field in RicosDocument's ImageData for inserted images\n   */\n  disableExpand?: boolean;\n\n  imageEditorWixSettings?: ImageEditorWixSettings;\n  onImageEditorOpen?: () => void;\n\n  /*\n   * @deprecated Not possible to configure. Spoiler is disabled by default.\n   */\n  spoiler?: SpoilerConfig;\n  /*\n   * @deprecated Use disableDownload and disableExpand instead.\n   */\n  defaultData?: {\n    config?: ImageConfig;\n    disableExpand?: boolean;\n  };\n  /*\n   * @deprecated\n   */\n  imageProps?: HTMLImageElement;\n  /*\n   * @deprecated\n   */\n  createGalleryForMultipleImages?: boolean;\n  /*\n   * @deprecated\n   */\n  imageEditor?: boolean;\n  /*\n   * @deprecated\n   */\n  consumer?: string;\n}\n\ntype ImageSrc = Record<string, unknown>;\nexport interface ImagePluginViewerConfig extends ViewerPluginConfig, ImageConfig {\n  onExpand?: (blockkey: string) => unknown;\n  /**\n   * @default false\n   * If set to true it will always remove the expand button from the image despite nodes data\n   */\n  disableExpand?: boolean;\n  /**\n   * @default false\n   * @deprecated No usecases was found for it, currently doesn't work\n   */\n  disableDownload?: boolean;\n  disableTransition?: boolean;\n  imageProps?: ((src: ImageSrc) => HTMLImageElement) | HTMLImageElement;\n  encoding?: ImageProps['encoding'];\n}\n\nexport type ExtendedBlob = Blob & {\n  lastModified: number;\n  name: string;\n  webkitRelativePath: string;\n};\n"],
+  "mappings": "AAGO,MAAM,aAAa;",
   "names": []
 }

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

@@ -85,6 +85,7 @@ const Image = ({
       },
       socialAttrs: { ...socialAttributes, draggable: false },
       isSEOBot: !!seoMode,
+      encoding: config?.encoding,
       ...shouldLazyLoadImages ? {
         placeholderTransition: seoMode ? void 0 : "blur",
         shouldUseLQIP: config?.disableTransition !== false

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-image/viewer/image.tsx"],
-  "sourcesContent": ["import classNames from 'classnames';\nimport React, { useMemo } from 'react';\n\nimport type { Node } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { Helpers, SEOSettings } from './../../ricos-types';\nimport { Image as ImageComp } from './../../ui-components';\n\nimport { RICOS_DEFAULTS } from '../consts';\nimport { EXPAND_BUTTON } from '../dataHooks';\nimport ExpandIcon from '../icons/expand';\nimport styles from '../statics/styles/image-viewer.rtlignore-scss';\nimport type { ImagePluginViewerConfig } from '../types';\nimport type { ImageClickActionConfig, ImageClickActionHandle } from './common-types';\nimport { ImageContainer } from './image-container';\nimport { useCustomWidthStyle } from './use-custom-width-style';\nimport { useFallbackWidthStyle } from './use-fallback-width-style';\nimport { useImageDimensions } from './use-image-dimensions';\nimport { useImageSocialAttributes } from './use-image-social-attributes';\n\ntype ImageViewerProps = {\n  node: Node;\n  isMobile: boolean;\n  imageClickActionConfig: ImageClickActionConfig;\n  shouldLazyLoadImages: boolean;\n  helpers?: Helpers;\n  config?: ImagePluginViewerConfig;\n  expand?: ImageClickActionHandle;\n  className?: string;\n  dataUrl?: string;\n  seoMode?: SEOSettings;\n};\n\nexport const Image = ({\n  dataUrl,\n  node,\n  className,\n  config,\n  helpers,\n  isMobile,\n  seoMode,\n  imageClickActionConfig,\n  expand,\n  shouldLazyLoadImages,\n}: ImageViewerProps) => {\n  const containerData = node.imageData?.containerData || RICOS_DEFAULTS.containerData;\n  const { image, altText } = node.imageData || {};\n  const { src } = image || {};\n\n  const imageSource = useMemo(() => {\n    if (dataUrl) {\n      return dataUrl;\n    }\n\n    const { url, id } = src || {};\n    if (url) {\n      return url;\n    }\n    const { getImageUrl } = helpers ?? {};\n\n    if (getImageUrl && id) {\n      return getImageUrl({ file_name: id });\n    }\n\n    return id;\n  }, [\n    dataUrl,\n    node.imageData?.image?.src?.url,\n    node.imageData?.image?.src?.id,\n    helpers?.getImageUrl,\n  ]);\n\n  const { width, height } = useImageDimensions({\n    src: imageSource,\n    containerData,\n    image,\n  });\n  const fallbackWidthStyle = useFallbackWidthStyle({ containerData, isMobile });\n  const customWidthStyle = useCustomWidthStyle({ containerData, isMobile, width });\n  const socialAttributes = useImageSocialAttributes({\n    config,\n    src,\n    width: image?.width,\n    height: image?.height,\n  });\n\n  const doDimensionsExist = width !== undefined && height !== undefined;\n\n  return (\n    <ImageContainer {...imageClickActionConfig} disableDownload={node.imageData?.disableDownload}>\n      {doDimensionsExist && imageSource && (\n        <ImageComp\n          id={node.imageData?.image?.src?.id ?? imageSource}\n          containerId={node.id}\n          displayMode=\"fill\"\n          width={width}\n          height={height}\n          uri={node.imageData?.image?.src?.id ?? imageSource}\n          alt={altText || ''}\n          containerProps={{\n            className: classNames(styles.imageWrapper, styles.imageRatio, className, {\n              [styles.pointer]: !!expand,\n            }),\n            containerId: node.id,\n            style: {\n              ['--dim-height' as string]: height,\n              ['--dim-width' as string]: width,\n              ...fallbackWidthStyle,\n              ...customWidthStyle,\n            },\n          }}\n          imageStyles={{\n            maxWidth: '100%',\n          }}\n          /* @ts-expect-error - draggable are not supported, nonetheless is spreaded to the element */\n          socialAttrs={{ ...socialAttributes, draggable: false }}\n          isSEOBot={!!seoMode}\n          {...(shouldLazyLoadImages\n            ? {\n                placeholderTransition: seoMode ? undefined : 'blur',\n                shouldUseLQIP: config?.disableTransition !== false,\n              }\n            : {})}\n        />\n      )}\n      {!!expand && (\n        <div\n          className={styles.expandContainer}\n          onClick={expand}\n          onKeyDown={e => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              expand(e);\n            }\n          }}\n          role=\"button\"\n          tabIndex={0}\n          data-hook={EXPAND_BUTTON}\n        >\n          <ExpandIcon className={styles.expandIcon} />\n        </div>\n      )}\n    </ImageContainer>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import classNames from 'classnames';\nimport React, { useMemo } from 'react';\n\nimport type { Node } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { Helpers, SEOSettings } from './../../ricos-types';\nimport { Image as ImageComp } from './../../ui-components';\n\nimport { RICOS_DEFAULTS } from '../consts';\nimport { EXPAND_BUTTON } from '../dataHooks';\nimport ExpandIcon from '../icons/expand';\nimport styles from '../statics/styles/image-viewer.rtlignore-scss';\nimport type { ImagePluginViewerConfig } from '../types';\nimport type { ImageClickActionConfig, ImageClickActionHandle } from './common-types';\nimport { ImageContainer } from './image-container';\nimport { useCustomWidthStyle } from './use-custom-width-style';\nimport { useFallbackWidthStyle } from './use-fallback-width-style';\nimport { useImageDimensions } from './use-image-dimensions';\nimport { useImageSocialAttributes } from './use-image-social-attributes';\n\ntype ImageViewerProps = {\n  node: Node;\n  isMobile: boolean;\n  imageClickActionConfig: ImageClickActionConfig;\n  shouldLazyLoadImages: boolean;\n  helpers?: Helpers;\n  config?: ImagePluginViewerConfig;\n  expand?: ImageClickActionHandle;\n  className?: string;\n  dataUrl?: string;\n  seoMode?: SEOSettings;\n};\n\nexport const Image = ({\n  dataUrl,\n  node,\n  className,\n  config,\n  helpers,\n  isMobile,\n  seoMode,\n  imageClickActionConfig,\n  expand,\n  shouldLazyLoadImages,\n}: ImageViewerProps) => {\n  const containerData = node.imageData?.containerData || RICOS_DEFAULTS.containerData;\n  const { image, altText } = node.imageData || {};\n  const { src } = image || {};\n\n  const imageSource = useMemo(() => {\n    if (dataUrl) {\n      return dataUrl;\n    }\n\n    const { url, id } = src || {};\n    if (url) {\n      return url;\n    }\n    const { getImageUrl } = helpers ?? {};\n\n    if (getImageUrl && id) {\n      return getImageUrl({ file_name: id });\n    }\n\n    return id;\n  }, [\n    dataUrl,\n    node.imageData?.image?.src?.url,\n    node.imageData?.image?.src?.id,\n    helpers?.getImageUrl,\n  ]);\n\n  const { width, height } = useImageDimensions({\n    src: imageSource,\n    containerData,\n    image,\n  });\n  const fallbackWidthStyle = useFallbackWidthStyle({ containerData, isMobile });\n  const customWidthStyle = useCustomWidthStyle({ containerData, isMobile, width });\n  const socialAttributes = useImageSocialAttributes({\n    config,\n    src,\n    width: image?.width,\n    height: image?.height,\n  });\n\n  const doDimensionsExist = width !== undefined && height !== undefined;\n\n  return (\n    <ImageContainer {...imageClickActionConfig} disableDownload={node.imageData?.disableDownload}>\n      {doDimensionsExist && imageSource && (\n        <ImageComp\n          id={node.imageData?.image?.src?.id ?? imageSource}\n          containerId={node.id}\n          displayMode=\"fill\"\n          width={width}\n          height={height}\n          uri={node.imageData?.image?.src?.id ?? imageSource}\n          alt={altText || ''}\n          containerProps={{\n            className: classNames(styles.imageWrapper, styles.imageRatio, className, {\n              [styles.pointer]: !!expand,\n            }),\n            containerId: node.id,\n            style: {\n              ['--dim-height' as string]: height,\n              ['--dim-width' as string]: width,\n              ...fallbackWidthStyle,\n              ...customWidthStyle,\n            },\n          }}\n          imageStyles={{\n            maxWidth: '100%',\n          }}\n          /* @ts-expect-error - draggable are not supported, nonetheless is spreaded to the element */\n          socialAttrs={{ ...socialAttributes, draggable: false }}\n          isSEOBot={!!seoMode}\n          encoding={config?.encoding}\n          {...(shouldLazyLoadImages\n            ? {\n                placeholderTransition: seoMode ? undefined : 'blur',\n                shouldUseLQIP: config?.disableTransition !== false,\n              }\n            : {})}\n        />\n      )}\n      {!!expand && (\n        <div\n          className={styles.expandContainer}\n          onClick={expand}\n          onKeyDown={e => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              expand(e);\n            }\n          }}\n          role=\"button\"\n          tabIndex={0}\n          data-hook={EXPAND_BUTTON}\n        >\n          <ExpandIcon className={styles.expandIcon} />\n        </div>\n      )}\n    </ImageContainer>\n  );\n};\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,6 +1,6 @@
-var styleDataHash = 'd6da6e72';  
+var styleDataHash = '32b3eddc';  
 export const injectCss = (() => {
-  var css = `.glob_fontElementMap,.m2HMQ{font-family:var(--ricos-font-family,unset)}.bkHjV{display:block!important;margin:12px 0}.ttuZY{display:block;overflow:hidden;position:relative}.JRM4a{background-color:#fff;border-radius:30px;display:none;height:28px;position:absolute;right:12px;top:12px;width:28px;z-index:10}.ttuZY:is(:hover,:focus) .JRM4a{align-items:center;display:flex;justify-content:center}.BIrqP{height:16px;position:absolute;width:16px;z-index:11}._8NaJA{cursor:pointer}.pe-V8{overflow:hidden}.G3qcW{position:relative;width:100%}.G3qcW:before{content:"";display:block;padding-bottom:calc(var(--dim-height)/var(--dim-width)*100%);width:100%}.G3qcW>:first-child{bottom:0;left:0;position:absolute;right:0;top:0}.ABtfZ{display:block;height:auto;width:100%}._2QnDZ{bottom:0;left:0;position:absolute;right:0;top:0}.atoCX{filter:blur(8px);position:relative}.Oxuig,.atoCX{transition:opacity .8s ease}.Oxuig{left:0;opacity:0;position:absolute;top:0}.Oxuig._2yXNx{opacity:1;position:relative}@keyframes aWfBU{0%{left:-5%;width:5%}50%{left:25%;width:50%}to{left:100%;width:5%}}.B5dWr{margin:12px 0}.D4bbM,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.cP2-F{--ricos-custom-p-font-size:14px;color:var(--ricos-custom-p-color,unset);display:block;font-family:var(--ricos-custom-p-font-family,unset);font-size:var(--ricos-custom-p-font-size,unset);font-style:var(--ricos-custom-p-font-style,unset);font-weight:var(--ricos-custom-p-font-weight,unset);justify-content:center;line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);padding-inline:16px;text-align:center;text-decoration:var(--ricos-custom-p-text-decoration,unset)}.cP2-F>span>a,.cP2-F>span>span{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.cP2-F{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){.cP2-F{font-size:var(--ricos-custom-p-font-size,unset)}}`;
+  var css = `.Bi-hI,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.aEqun{display:block!important;margin:12px 0}.vhG7C{display:block;overflow:hidden;position:relative}.HyH6O{background-color:#fff;border-radius:30px;display:none;height:28px;position:absolute;right:12px;top:12px;width:28px;z-index:10}.vhG7C:is(:hover,:focus) .HyH6O{align-items:center;display:flex;justify-content:center}.aUSp4{height:16px;position:absolute;width:16px;z-index:11}.yS7zq{cursor:pointer}.L2P8r{overflow:hidden}.Ku1Gj{position:relative;width:100%}.Ku1Gj:before{content:"";display:block;padding-bottom:calc(var(--dim-height)/var(--dim-width)*100%);width:100%}.Ku1Gj>:first-child{bottom:0;left:0;position:absolute;right:0;top:0}.t-3Md{display:block;height:auto;width:100%}.fPPMO{bottom:0;left:0;position:absolute;right:0;top:0}.p-aKh{filter:blur(8px);position:relative}.p-aKh,.udLMe{transition:opacity .8s ease}.udLMe{left:0;opacity:0;position:absolute;top:0}.udLMe.GJZpH{opacity:1;position:relative}@keyframes KGsQy{0%{left:-5%;width:5%}50%{left:25%;width:50%}to{left:100%;width:5%}}.IsBou,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.p2ksD{--ricos-custom-p-font-size:14px;color:var(--ricos-custom-p-color,unset);display:block;font-family:var(--ricos-custom-p-font-family,unset);font-size:var(--ricos-custom-p-font-size,unset);font-style:var(--ricos-custom-p-font-style,unset);font-weight:var(--ricos-custom-p-font-weight,unset);justify-content:center;line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);padding-inline:16px;text-align:center;text-decoration:var(--ricos-custom-p-text-decoration,unset)}.p2ksD>span>a,.p2ksD>span>span{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.p2ksD{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){.p2ksD{font-size:var(--ricos-custom-p-font-size,unset)}}.XObdu{margin:12px 0}`;
   var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';
 
   if (isTest || !css || typeof document === 'undefined') { return; }

package/dist/es/plugin-line-spacing/insert-decoration-modal/insert-decoration-modal-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "90724a0c";
+var styleDataHash = "67fd2cd0";
 const injectCss = () => {
-  var css = `.hslmQ{--wds-font-size-body-medium:16px}.zL9bC{--wds-button-size-medium-screen-small:24px;--wds-color-border-dark-primary:transparent;margin-inline-end:10px}.rmgrp{--wds-font-weight-bold:400}`;
+  var css = `.E3oO-{--wds-font-size-body-medium:16px}.uDdAf{--wds-button-size-medium-screen-small:24px;--wds-color-border-dark-primary:transparent;margin-inline-end:10px}.Io5QQ{--wds-font-weight-bold:400}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,9 +21,9 @@ const injectCss = () => {
 };
 injectCss();
 var insert_decoration_modal_default = {
-  "panelRoot": "hslmQ",
-  "backButton": "zL9bC",
-  "footer": "rmgrp"
+  "panelRoot": "E3oO-",
+  "backButton": "uDdAf",
+  "footer": "Io5QQ"
 };
 export {
   insert_decoration_modal_default as default,

package/dist/es/plugin-line-spacing/insert-decoration-modal/insert-decoration-modal-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-line-spacing/insert-decoration-modal/insert-decoration-modal.scss"],
-  "sourcesContent": ["var styleDataHash = '90724a0c';  \nexport const injectCss = (() => {\n  var css = `.hslmQ{--wds-font-size-body-medium:16px}.zL9bC{--wds-button-size-medium-screen-small:24px;--wds-color-border-dark-primary:transparent;margin-inline-end:10px}.rmgrp{--wds-font-weight-bold:400}`;\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  \"panelRoot\": \"hslmQ\",\n  \"backButton\": \"zL9bC\",\n  \"footer\": \"rmgrp\"\n};"],
+  "sourcesContent": ["var styleDataHash = '67fd2cd0';  \nexport const injectCss = (() => {\n  var css = `.E3oO-{--wds-font-size-body-medium:16px}.uDdAf{--wds-button-size-medium-screen-small:24px;--wds-color-border-dark-primary:transparent;margin-inline-end:10px}.Io5QQ{--wds-font-weight-bold:400}`;\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  \"panelRoot\": \"E3oO-\",\n  \"backButton\": \"uDdAf\",\n  \"footer\": \"Io5QQ\"\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,kCAAQ;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,UAAU;AACZ;",
   "names": []
 }

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

@@ -65,7 +65,7 @@ const pluginLink = (config) => {
         attributes: {
           visible: RESOLVERS_IDS.ALWAYS_VISIBLE,
           active: RESOLVERS_IDS.IS_TEXT_CONTAINS_LINK_OR_ANCHOR,
-          disabled: RESOLVERS_IDS.IS_NODE_OR_CAPTION_SELECTED
+          disabled: RESOLVERS_IDS.IS_NODE_SELECTED
         },
         commands: {},
         modal: {

package/dist/es/plugin-link/editor.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-link/editor.ts"],
-  "sourcesContent": ["import type { Selection } from '@tiptap/pm/state';\n\nimport { createShortcut, RicosPluginToolbarNames } from './../ricos-types';\nimport type { EditorPluginCreator } from './../wix-rich-content-common';\nimport { Decoration_Type, RICOS_ANCHOR_TYPE, RICOS_LINK_TYPE } from './../wix-rich-content-common';\nimport { DECORATION_LINK_MODAL_ID } from './../toolbars-modals';\nimport { RESOLVERS_IDS } from './../toolbars-v3/lib/resolvers-ids';\n\nimport { anchorConverter } from './anchor-converter';\nimport { ADD_LINK_BUTTON } from './dataHooks';\nimport { DEFAULTS } from './defaults';\nimport { getToolbarButtons } from './get-toolbar-buttons';\nimport { linkConverter } from './link-converter';\nimport LinkIcon from './LinkIcon';\nimport LinkPanelComponent from './LinkPanelComponent';\nimport type { LinkPluginEditorConfig } from './types';\nimport { LINK_TYPE } from './types';\n\nexport const pluginLink: EditorPluginCreator<LinkPluginEditorConfig> = config => {\n  const pluginConfig = { ...DEFAULTS.config, ...config };\n  return {\n    config: pluginConfig,\n    type: LINK_TYPE,\n    pmNodeConverters: [],\n    pmMarkConverters: [linkConverter, anchorConverter],\n    shortcuts: [\n      createShortcut({\n        name: Decoration_Type.LINK,\n        description: 'ShortcutsSheet_Formatting_Link',\n        group: 'ShortcutsSheet_Section_Formatting',\n        keys: {\n          macOs: 'Meta+K',\n          windows: 'Ctrl+K',\n        },\n        enabled: true,\n        command({ editorCommands, modalService }) {\n          if (editorCommands.hasLinkInSelection()) {\n            const link = editorCommands.getLinkDataInSelection();\n            const linkType = link?.url ? RICOS_LINK_TYPE : RICOS_ANCHOR_TYPE;\n            editorCommands.deleteDecoration(linkType);\n          } else {\n            modalService.openRegisteredModal(DECORATION_LINK_MODAL_ID, {\n              layout: 'dialog',\n            });\n          }\n        },\n      }),\n    ],\n    toolbar: {\n      names: [RicosPluginToolbarNames.LINK],\n      getButtons: getToolbarButtons,\n      isVisible: (selection, editor) => {\n        const isSelectionCollapsed = (selection: Selection): boolean => {\n          const { from, to } = selection;\n          return to - from <= 0;\n        };\n        const isCollapsed = isSelectionCollapsed(selection);\n        const isLinkInSelection = editor.getEditorCommands().hasLinkInSelection();\n        return isCollapsed && isLinkInSelection;\n      },\n    },\n    textButtons: [\n      {\n        id: Decoration_Type.LINK,\n        type: 'modal',\n        presentation: {\n          dataHook: ADD_LINK_BUTTON,\n          tooltip: 'TextLinkButton_Tooltip',\n          icon: LinkIcon,\n        },\n        attributes: {\n          visible: RESOLVERS_IDS.ALWAYS_VISIBLE,\n          active: RESOLVERS_IDS.IS_TEXT_CONTAINS_LINK_OR_ANCHOR,\n          disabled: RESOLVERS_IDS.IS_NODE_OR_CAPTION_SELECTED,\n        },\n        commands: {},\n        modal: {\n          id: DECORATION_LINK_MODAL_ID,\n          Component: LinkPanelComponent,\n          layout: {\n            desktop: 'drawer',\n            mobile: 'fullscreen',\n          },\n          noPadding: true,\n        },\n      },\n    ],\n  };\n};\n"],
+  "sourcesContent": ["import type { Selection } from '@tiptap/pm/state';\n\nimport { createShortcut, RicosPluginToolbarNames } from './../ricos-types';\nimport type { EditorPluginCreator } from './../wix-rich-content-common';\nimport { Decoration_Type, RICOS_ANCHOR_TYPE, RICOS_LINK_TYPE } from './../wix-rich-content-common';\nimport { DECORATION_LINK_MODAL_ID } from './../toolbars-modals';\nimport { RESOLVERS_IDS } from './../toolbars-v3/lib/resolvers-ids';\n\nimport { anchorConverter } from './anchor-converter';\nimport { ADD_LINK_BUTTON } from './dataHooks';\nimport { DEFAULTS } from './defaults';\nimport { getToolbarButtons } from './get-toolbar-buttons';\nimport { linkConverter } from './link-converter';\nimport LinkIcon from './LinkIcon';\nimport LinkPanelComponent from './LinkPanelComponent';\nimport type { LinkPluginEditorConfig } from './types';\nimport { LINK_TYPE } from './types';\n\nexport const pluginLink: EditorPluginCreator<LinkPluginEditorConfig> = config => {\n  const pluginConfig = { ...DEFAULTS.config, ...config };\n  return {\n    config: pluginConfig,\n    type: LINK_TYPE,\n    pmNodeConverters: [],\n    pmMarkConverters: [linkConverter, anchorConverter],\n    shortcuts: [\n      createShortcut({\n        name: Decoration_Type.LINK,\n        description: 'ShortcutsSheet_Formatting_Link',\n        group: 'ShortcutsSheet_Section_Formatting',\n        keys: {\n          macOs: 'Meta+K',\n          windows: 'Ctrl+K',\n        },\n        enabled: true,\n        command({ editorCommands, modalService }) {\n          if (editorCommands.hasLinkInSelection()) {\n            const link = editorCommands.getLinkDataInSelection();\n            const linkType = link?.url ? RICOS_LINK_TYPE : RICOS_ANCHOR_TYPE;\n            editorCommands.deleteDecoration(linkType);\n          } else {\n            modalService.openRegisteredModal(DECORATION_LINK_MODAL_ID, {\n              layout: 'dialog',\n            });\n          }\n        },\n      }),\n    ],\n    toolbar: {\n      names: [RicosPluginToolbarNames.LINK],\n      getButtons: getToolbarButtons,\n      isVisible: (selection, editor) => {\n        const isSelectionCollapsed = (selection: Selection): boolean => {\n          const { from, to } = selection;\n          return to - from <= 0;\n        };\n        const isCollapsed = isSelectionCollapsed(selection);\n        const isLinkInSelection = editor.getEditorCommands().hasLinkInSelection();\n        return isCollapsed && isLinkInSelection;\n      },\n    },\n    textButtons: [\n      {\n        id: Decoration_Type.LINK,\n        type: 'modal',\n        presentation: {\n          dataHook: ADD_LINK_BUTTON,\n          tooltip: 'TextLinkButton_Tooltip',\n          icon: LinkIcon,\n        },\n        attributes: {\n          visible: RESOLVERS_IDS.ALWAYS_VISIBLE,\n          active: RESOLVERS_IDS.IS_TEXT_CONTAINS_LINK_OR_ANCHOR,\n          disabled: RESOLVERS_IDS.IS_NODE_SELECTED,\n        },\n        commands: {},\n        modal: {\n          id: DECORATION_LINK_MODAL_ID,\n          Component: LinkPanelComponent,\n          layout: {\n            desktop: 'drawer',\n            mobile: 'fullscreen',\n          },\n          noPadding: true,\n        },\n      },\n    ],\n  };\n};\n"],
   "mappings": "AAEA,SAAS,gBAAgB,+BAA+B;AAExD,SAAS,iBAAiB,mBAAmB,uBAAuB;AACpE,SAAS,gCAAgC;AACzC,SAAS,qBAAqB;AAE9B,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;AAC9B,OAAO,cAAc;AACrB,OAAO,wBAAwB;AAE/B,SAAS,iBAAiB;AAEnB,MAAM,aAA0D,YAAU;AAC/E,QAAM,eAAe,EAAE,GAAG,SAAS,QAAQ,GAAG,OAAO;AACrD,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,kBAAkB,CAAC;AAAA,IACnB,kBAAkB,CAAC,eAAe,eAAe;AAAA,IACjD,WAAW;AAAA,MACT,eAAe;AAAA,QACb,MAAM,gBAAgB;AAAA,QACtB,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAM;AAAA,UACJ,OAAO;AAAA,UACP,SAAS;AAAA,QACX;AAAA,QACA,SAAS;AAAA,QACT,QAAQ,EAAE,gBAAgB,aAAa,GAAG;AACxC,cAAI,eAAe,mBAAmB,GAAG;AACvC,kBAAM,OAAO,eAAe,uBAAuB;AACnD,kBAAM,WAAW,MAAM,MAAM,kBAAkB;AAC/C,2BAAe,iBAAiB,QAAQ;AAAA,UAC1C,OAAO;AACL,yBAAa,oBAAoB,0BAA0B;AAAA,cACzD,QAAQ;AAAA,YACV,CAAC;AAAA,UACH;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,SAAS;AAAA,MACP,OAAO,CAAC,wBAAwB,IAAI;AAAA,MACpC,YAAY;AAAA,MACZ,WAAW,CAAC,WAAW,WAAW;AAChC,cAAM,uBAAuB,CAACA,eAAkC;AAC9D,gBAAM,EAAE,MAAM,GAAG,IAAIA;AACrB,iBAAO,KAAK,QAAQ;AAAA,QACtB;AACA,cAAM,cAAc,qBAAqB,SAAS;AAClD,cAAM,oBAAoB,OAAO,kBAAkB,EAAE,mBAAmB;AACxE,eAAO,eAAe;AAAA,MACxB;AAAA,IACF;AAAA,IACA,aAAa;AAAA,MACX;AAAA,QACE,IAAI,gBAAgB;AAAA,QACpB,MAAM;AAAA,QACN,cAAc;AAAA,UACZ,UAAU;AAAA,UACV,SAAS;AAAA,UACT,MAAM;AAAA,QACR;AAAA,QACA,YAAY;AAAA,UACV,SAAS,cAAc;AAAA,UACvB,QAAQ,cAAc;AAAA,UACtB,UAAU,cAAc;AAAA,QAC1B;AAAA,QACA,UAAU,CAAC;AAAA,QACX,OAAO;AAAA,UACL,IAAI;AAAA,UACJ,WAAW;AAAA,UACX,QAAQ;AAAA,YACN,SAAS;AAAA,YACT,QAAQ;AAAA,UACV;AAAA,UACA,WAAW;AAAA,QACb;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
   "names": ["selection"]
 }