@wix/auto-patterns 1.45.0 → 1.47.0

package/dist/esm/cms-fields/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css

@@ -0,0 +1,46 @@
+@import "../variables.css";
+
+.root {
+    position: relative;
+}
+
+.root,
+.toolbarContainer,
+.footerToolbarContainer {
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.toolbarContainer div {
+    box-sizing: border-box;
+}
+
+.toolbarAndFullScreenButtonWrapper {
+    display: flex;
+    position: relative;
+}
+
+.editor {
+    box-sizing: border-box;
+    padding: 36px 24px 36px 55px;
+}
+
+.modalEditor .editor {
+    overflow-y: auto;
+    min-height: calc(100% - var(--topToolbarHeight) - var(--bottomToolbarHeight));
+    max-height: calc(100% - var(--topToolbarHeight) - var(--bottomToolbarHeight));
+    min-width: 592px;
+    box-sizing: border-box;
+}
+
+.modalEditor .footerToolbarContainer {
+    margin-top: 9px;
+}
+
+.toolbarContainer button[data-hook~="text-button-headings"] > span {
+    display: inline-flex;
+    padding-inline-end: 3px !important;
+}
+.toolbarContainer button[data-hook~="text-button-ai"] > span {
+    padding-inline-end: 9px !important;
+}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js

@@ -0,0 +1,26 @@
+// @ts-nocheck
+
+import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
+var _namespace_ = "richcontenteditor3673910766";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = {
+  "root": "richcontenteditor3673910766__root",
+  "toolbarContainer": "richcontenteditor3673910766__toolbarContainer",
+  "footerToolbarContainer": "richcontenteditor3673910766__footerToolbarContainer",
+  "toolbarAndFullScreenButtonWrapper": "richcontenteditor3673910766__toolbarAndFullScreenButtonWrapper",
+  "editor": "richcontenteditor3673910766__editor",
+  "modalEditor": "richcontenteditor3673910766__modalEditor"
+};
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {
+  "topToolbarHeight": "--richcontenteditor3673910766-topToolbarHeight",
+  "bottomToolbarHeight": "--richcontenteditor3673910766-bottomToolbarHeight"
+};
+//# sourceMappingURL=rich-content-editor.st.css.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richcontenteditor3673910766\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"richcontenteditor3673910766__root\",\"toolbarContainer\":\"richcontenteditor3673910766__toolbarContainer\",\"footerToolbarContainer\":\"richcontenteditor3673910766__footerToolbarContainer\",\"toolbarAndFullScreenButtonWrapper\":\"richcontenteditor3673910766__toolbarAndFullScreenButtonWrapper\",\"editor\":\"richcontenteditor3673910766__editor\",\"modalEditor\":\"richcontenteditor3673910766__modalEditor\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"topToolbarHeight\":\"--richcontenteditor3673910766-topToolbarHeight\",\"bottomToolbarHeight\":\"--richcontenteditor3673910766-bottomToolbarHeight\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,wCAAwC;AAItF,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,kBAAkB,EAAC,+CAA+C;EAAC,wBAAwB,EAAC,qDAAqD;EAAC,mCAAmC,EAAC,gEAAgE;EAAC,QAAQ,EAAC,qCAAqC;EAAC,aAAa,EAAC;AAA0C,CAAC;AACha,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG;EAAC,kBAAkB,EAAC,gDAAgD;EAAC,qBAAqB,EAAC;AAAmD,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.js

@@ -0,0 +1,48 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React, { Component } from 'react';
+import { INSERT_PLUGIN_BUTTONS, Tooltip } from '@wix/ricos';
+import { isTruthy } from '../../../../utils';
+import { classes } from './rich-content-toolbar.st.css.js';
+const BUTTONS_ORDER = [INSERT_PLUGIN_BUTTONS.IMAGE, INSERT_PLUGIN_BUTTONS.VIDEO, INSERT_PLUGIN_BUTTONS.GALLERY, INSERT_PLUGIN_BUTTONS.LAYOUT, INSERT_PLUGIN_BUTTONS.DIVIDER, INSERT_PLUGIN_BUTTONS.TABLE, INSERT_PLUGIN_BUTTONS.FILE, INSERT_PLUGIN_BUTTONS.HTML, INSERT_PLUGIN_BUTTONS.INSTAGRAM, INSERT_PLUGIN_BUTTONS.TWITTER, INSERT_PLUGIN_BUTTONS.TIKTOK, INSERT_PLUGIN_BUTTONS.STORES, INSERT_PLUGIN_BUTTONS.BOOKINGS, INSERT_PLUGIN_BUTTONS.EVENTS, INSERT_PLUGIN_BUTTONS.EMOJI, INSERT_PLUGIN_BUTTONS.GIF, INSERT_PLUGIN_BUTTONS.CODE_BLOCK, INSERT_PLUGIN_BUTTONS.COLLAPSIBLE_LIST, INSERT_PLUGIN_BUTTONS.BUTTON, INSERT_PLUGIN_BUTTONS.UNDO, INSERT_PLUGIN_BUTTONS.REDO];
+export class ExternalToolbar extends Component {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "onMouseDown", event => event.preventDefault());
+    _defineProperty(this, "renderButton", _ref => {
+      let {
+        onClick,
+        getIcon,
+        isDisabled,
+        dataHook,
+        tooltip,
+        name
+      } = _ref;
+      const Icon = (getIcon == null ? void 0 : getIcon()) ?? (() => null);
+      return /*#__PURE__*/React.createElement(Tooltip, {
+        content: tooltip,
+        key: name
+      }, /*#__PURE__*/React.createElement("button", {
+        className: classes.toolbarButton,
+        disabled: isDisabled == null ? void 0 : isDisabled(),
+        "data-hook": dataHook,
+        onClick: onClick,
+        onMouseDown: this.onMouseDown
+      }, /*#__PURE__*/React.createElement(Icon, null)));
+    });
+  }
+  render() {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classes.toolbar
+    }, BUTTONS_ORDER.map(name => {
+      var _this$props$buttons;
+      return (_this$props$buttons = this.props.buttons) == null ? void 0 : _this$props$buttons[name];
+    }).filter(isTruthy).map((buttonProps, i) => {
+      const Button = this.renderButton;
+      return /*#__PURE__*/React.createElement(Button, _extends({}, buttonProps, {
+        key: i
+      }));
+    }));
+  }
+}
+//# sourceMappingURL=rich-content-toolbar.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","INSERT_PLUGIN_BUTTONS","Tooltip","isTruthy","classes","BUTTONS_ORDER","IMAGE","VIDEO","GALLERY","LAYOUT","DIVIDER","TABLE","FILE","HTML","INSTAGRAM","TWITTER","TIKTOK","STORES","BOOKINGS","EVENTS","EMOJI","GIF","CODE_BLOCK","COLLAPSIBLE_LIST","BUTTON","UNDO","REDO","ExternalToolbar","constructor","arguments","_defineProperty","event","preventDefault","_ref","onClick","getIcon","isDisabled","dataHook","tooltip","name","Icon","createElement","content","key","className","toolbarButton","disabled","onMouseDown","render","toolbar","map","_this$props$buttons","props","buttons","filter","buttonProps","i","Button","renderButton","_extends"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.tsx"],"sourcesContent":["import React, { Component } from 'react';\n\nimport { INSERT_PLUGIN_BUTTONS, Tooltip } from '@wix/ricos';\n\nimport { isTruthy } from '../../../../utils';\n\nimport { classes } from './rich-content-toolbar.st.css.js';\n\nexport interface ExternalToolbarButton {\n  dataHook?: string;\n  getIcon?: () => React.ComponentType;\n  getLabel?: () => string;\n  isActive?: () => boolean;\n  isDisabled?: () => boolean;\n  name?: string;\n  tooltip?: React.ReactNode;\n  onClick?: () => void;\n  onChange?: (e: unknown) => void;\n  type?: string;\n  accept?: string;\n  multiple?: boolean;\n}\n\nconst BUTTONS_ORDER = [\n  INSERT_PLUGIN_BUTTONS.IMAGE,\n  INSERT_PLUGIN_BUTTONS.VIDEO,\n  INSERT_PLUGIN_BUTTONS.GALLERY,\n  INSERT_PLUGIN_BUTTONS.LAYOUT,\n  INSERT_PLUGIN_BUTTONS.DIVIDER,\n  INSERT_PLUGIN_BUTTONS.TABLE,\n  INSERT_PLUGIN_BUTTONS.FILE,\n  INSERT_PLUGIN_BUTTONS.HTML,\n  INSERT_PLUGIN_BUTTONS.INSTAGRAM,\n  INSERT_PLUGIN_BUTTONS.TWITTER,\n  INSERT_PLUGIN_BUTTONS.TIKTOK,\n  INSERT_PLUGIN_BUTTONS.STORES,\n  INSERT_PLUGIN_BUTTONS.BOOKINGS,\n  INSERT_PLUGIN_BUTTONS.EVENTS,\n  INSERT_PLUGIN_BUTTONS.EMOJI,\n  INSERT_PLUGIN_BUTTONS.GIF,\n  INSERT_PLUGIN_BUTTONS.CODE_BLOCK,\n  INSERT_PLUGIN_BUTTONS.COLLAPSIBLE_LIST,\n  INSERT_PLUGIN_BUTTONS.BUTTON,\n  INSERT_PLUGIN_BUTTONS.UNDO,\n  INSERT_PLUGIN_BUTTONS.REDO,\n];\n\nexport interface ExternalToolbarProps {\n  buttons?: Record<string, ExternalToolbarButton>;\n}\n\nexport class ExternalToolbar extends Component<ExternalToolbarProps> {\n  private onMouseDown = (event: React.MouseEvent) => event.preventDefault();\n\n  private renderButton = ({\n    onClick,\n    getIcon,\n    isDisabled,\n    dataHook,\n    tooltip,\n    name,\n  }: ExternalToolbarButton) => {\n    const Icon = getIcon?.() ?? (() => null);\n    return (\n      <Tooltip content={tooltip!} key={name}>\n        <button\n          className={classes.toolbarButton}\n          disabled={isDisabled?.()}\n          data-hook={dataHook}\n          onClick={onClick}\n          onMouseDown={this.onMouseDown}\n        >\n          <Icon />\n        </button>\n      </Tooltip>\n    );\n  };\n\n  public render() {\n    return (\n      <div className={classes.toolbar}>\n        {BUTTONS_ORDER.map((name) => this.props.buttons?.[name])\n          .filter(isTruthy)\n          .map((buttonProps, i) => {\n            const Button = this.renderButton;\n            return <Button {...buttonProps} key={i} />;\n          })}\n      </div>\n    );\n  }\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAExC,SAASC,qBAAqB,EAAEC,OAAO,QAAQ,YAAY;AAE3D,SAASC,QAAQ,QAAQ,mBAAmB;AAE5C,SAASC,OAAO,QAAQ,kCAAkC;AAiB1D,MAAMC,aAAa,GAAG,CACpBJ,qBAAqB,CAACK,KAAK,EAC3BL,qBAAqB,CAACM,KAAK,EAC3BN,qBAAqB,CAACO,OAAO,EAC7BP,qBAAqB,CAACQ,MAAM,EAC5BR,qBAAqB,CAACS,OAAO,EAC7BT,qBAAqB,CAACU,KAAK,EAC3BV,qBAAqB,CAACW,IAAI,EAC1BX,qBAAqB,CAACY,IAAI,EAC1BZ,qBAAqB,CAACa,SAAS,EAC/Bb,qBAAqB,CAACc,OAAO,EAC7Bd,qBAAqB,CAACe,MAAM,EAC5Bf,qBAAqB,CAACgB,MAAM,EAC5BhB,qBAAqB,CAACiB,QAAQ,EAC9BjB,qBAAqB,CAACkB,MAAM,EAC5BlB,qBAAqB,CAACmB,KAAK,EAC3BnB,qBAAqB,CAACoB,GAAG,EACzBpB,qBAAqB,CAACqB,UAAU,EAChCrB,qBAAqB,CAACsB,gBAAgB,EACtCtB,qBAAqB,CAACuB,MAAM,EAC5BvB,qBAAqB,CAACwB,IAAI,EAC1BxB,qBAAqB,CAACyB,IAAI,CAC3B;AAMD,OAAO,MAAMC,eAAe,SAAS3B,SAAS,CAAuB;EAAA4B,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,sBAC5CC,KAAuB,IAAKA,KAAK,CAACC,cAAc,CAAC,CAAC;IAAAF,eAAA,uBAElDG,IAAA,IAOM;MAAA,IAPL;QACtBC,OAAO;QACPC,OAAO;QACPC,UAAU;QACVC,QAAQ;QACRC,OAAO;QACPC;MACqB,CAAC,GAAAN,IAAA;MACtB,MAAMO,IAAI,GAAG,CAAAL,OAAO,oBAAPA,OAAO,CAAG,CAAC,MAAK,MAAM,IAAI,CAAC;MACxC,oBACEpC,KAAA,CAAA0C,aAAA,CAACvC,OAAO;QAACwC,OAAO,EAAEJ,OAAS;QAACK,GAAG,EAAEJ;MAAK,gBACpCxC,KAAA,CAAA0C,aAAA;QACEG,SAAS,EAAExC,OAAO,CAACyC,aAAc;QACjCC,QAAQ,EAAEV,UAAU,oBAAVA,UAAU,CAAG,CAAE;QACzB,aAAWC,QAAS;QACpBH,OAAO,EAAEA,OAAQ;QACjBa,WAAW,EAAE,IAAI,CAACA;MAAY,gBAE9BhD,KAAA,CAAA0C,aAAA,CAACD,IAAI,MAAE,CACD,CACD,CAAC;IAEd,CAAC;EAAA;EAEMQ,MAAMA,CAAA,EAAG;IACd,oBACEjD,KAAA,CAAA0C,aAAA;MAAKG,SAAS,EAAExC,OAAO,CAAC6C;IAAQ,GAC7B5C,aAAa,CAAC6C,GAAG,CAAEX,IAAI;MAAA,IAAAY,mBAAA;MAAA,QAAAA,mBAAA,GAAK,IAAI,CAACC,KAAK,CAACC,OAAO,qBAAlBF,mBAAA,CAAqBZ,IAAI,CAAC;IAAA,EAAC,CACrDe,MAAM,CAACnD,QAAQ,CAAC,CAChB+C,GAAG,CAAC,CAACK,WAAW,EAAEC,CAAC,KAAK;MACvB,MAAMC,MAAM,GAAG,IAAI,CAACC,YAAY;MAChC,oBAAO3D,KAAA,CAAA0C,aAAA,CAACgB,MAAM,EAAAE,QAAA,KAAKJ,WAAW;QAAEZ,GAAG,EAAEa;MAAE,EAAE,CAAC;IAC5C,CAAC,CACA,CAAC;EAEV;AACF","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css

@@ -0,0 +1,31 @@
+.toolbar {
+    border-top: 1px solid rgba(51, 51, 51, 0.1);
+    z-index: 2;
+    margin-right: auto;
+    padding-left: 6px;
+    margin-left: auto;
+    position: relative;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    box-sizing: border-box;
+}
+
+.toolbarButton {
+    line-height: 40px;
+    background: transparent;
+    border: none;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 0 5px 0 0;
+}
+.toolbarButton:disabled {
+    color: graytext;
+}
+
+.toolbar label {
+  padding: 0 8px;
+}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js

@@ -0,0 +1,20 @@
+// @ts-nocheck
+
+import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
+var _namespace_ = "richcontenttoolbar3398941261";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = {
+  "root": "richcontenttoolbar3398941261__root",
+  "toolbar": "richcontenttoolbar3398941261__toolbar",
+  "toolbarButton": "richcontenttoolbar3398941261__toolbarButton"
+};
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=rich-content-toolbar.st.css.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richcontenttoolbar3398941261\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"richcontenttoolbar3398941261__root\",\"toolbar\":\"richcontenttoolbar3398941261__toolbar\",\"toolbarButton\":\"richcontenttoolbar3398941261__toolbarButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,wCAAwC;AAItF,IAAIC,WAAW,GAAG,8BAA8B;AAChD,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,oCAAoC;EAAC,SAAS,EAAC,uCAAuC;EAAC,eAAe,EAAC;AAA6C,CAAC;AAClL,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/rich-content-viewer/index.js

@@ -0,0 +1,2 @@
+export * from './rich-content-viewer';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/rich-content-viewer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/rich-content-viewer/index.ts"],"sourcesContent":["export * from './rich-content-viewer';\n"],"mappings":"AAAA,cAAc,uBAAuB","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/rich-content-viewer/plugins.js

@@ -0,0 +1,21 @@
+import { useMemo } from 'react';
+import { pluginTextColorViewer as pluginTextColor, pluginTextHighlightViewer as pluginTextHighlight, pluginLinkViewer as pluginLink, pluginLineSpacingViewer as pluginLineSpacing, pluginImageViewer as pluginImage, pluginVideoViewer as pluginVideo, pluginDividerViewer as pluginDivider, pluginFileUploadViewer as pluginFileUpload, pluginHtmlViewer as pluginHtml, pluginLinkPreviewViewer as pluginLinkPreview, pluginVerticalEmbedViewer as pluginVerticalEmbed, pluginEmojiViewer as pluginEmoji, pluginSpoilerViewer as pluginSpoiler, pluginGiphyViewer as pluginGiphy, pluginCodeBlockViewer as pluginCodeBlock, pluginGalleryViewer as pluginGallery, pluginCollapsibleListViewer as pluginCollapsibleList, pluginTableViewer as pluginTable, pluginLinkButtonViewer as pluginLinkButton } from '@wix/ricos';
+import '@wix/ricos/css/plugin-link-viewer.global.css';
+import '@wix/ricos/css/plugin-image-viewer.global.css';
+import '@wix/ricos/css/plugin-video-viewer.global.css';
+import '@wix/ricos/css/plugin-divider-viewer.global.css';
+import '@wix/ricos/css/plugin-file-upload-viewer.global.css';
+import '@wix/ricos/css/plugin-html-viewer.global.css';
+import '@wix/ricos/css/plugin-link-preview-viewer.global.css';
+import '@wix/ricos/css/plugin-vertical-embed-viewer.global.css';
+import '@wix/ricos/css/plugin-spoiler-viewer.global.css';
+import '@wix/ricos/css/plugin-giphy-viewer.global.css';
+import '@wix/ricos/css/plugin-gallery-viewer.global.css';
+import '@wix/ricos/css/plugin-collapsible-list-viewer.global.css';
+import '@wix/ricos/css/plugin-table-viewer.global.css';
+import '@wix/ricos/css/plugin-button-viewer.global.css';
+import { isTruthy } from '../../../../utils';
+export const usePlugins = () => {
+  return useMemo(() => [pluginTextColor(), pluginTextHighlight(), pluginLineSpacing(), pluginLink(), pluginImage(), pluginVideo(), pluginGallery(), pluginDivider(), pluginTable(), pluginFileUpload(), pluginHtml(), pluginLinkPreview(), pluginVerticalEmbed(), pluginEmoji(), pluginSpoiler(), pluginGiphy(), pluginCodeBlock(), pluginCollapsibleList(), pluginLinkButton()].filter(isTruthy), []);
+};
+//# sourceMappingURL=plugins.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/rich-content-viewer/plugins.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","pluginTextColorViewer","pluginTextColor","pluginTextHighlightViewer","pluginTextHighlight","pluginLinkViewer","pluginLink","pluginLineSpacingViewer","pluginLineSpacing","pluginImageViewer","pluginImage","pluginVideoViewer","pluginVideo","pluginDividerViewer","pluginDivider","pluginFileUploadViewer","pluginFileUpload","pluginHtmlViewer","pluginHtml","pluginLinkPreviewViewer","pluginLinkPreview","pluginVerticalEmbedViewer","pluginVerticalEmbed","pluginEmojiViewer","pluginEmoji","pluginSpoilerViewer","pluginSpoiler","pluginGiphyViewer","pluginGiphy","pluginCodeBlockViewer","pluginCodeBlock","pluginGalleryViewer","pluginGallery","pluginCollapsibleListViewer","pluginCollapsibleList","pluginTableViewer","pluginTable","pluginLinkButtonViewer","pluginLinkButton","isTruthy","usePlugins","filter"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/rich-content-viewer/plugins.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport {\n  pluginTextColorViewer as pluginTextColor,\n  pluginTextHighlightViewer as pluginTextHighlight,\n  pluginLinkViewer as pluginLink,\n  pluginLineSpacingViewer as pluginLineSpacing,\n  pluginImageViewer as pluginImage,\n  pluginVideoViewer as pluginVideo,\n  pluginDividerViewer as pluginDivider,\n  pluginFileUploadViewer as pluginFileUpload,\n  pluginHtmlViewer as pluginHtml,\n  pluginLinkPreviewViewer as pluginLinkPreview,\n  pluginVerticalEmbedViewer as pluginVerticalEmbed,\n  pluginEmojiViewer as pluginEmoji,\n  pluginSpoilerViewer as pluginSpoiler,\n  pluginGiphyViewer as pluginGiphy,\n  pluginCodeBlockViewer as pluginCodeBlock,\n  pluginGalleryViewer as pluginGallery,\n  pluginCollapsibleListViewer as pluginCollapsibleList,\n  pluginTableViewer as pluginTable,\n  pluginLinkButtonViewer as pluginLinkButton,\n} from '@wix/ricos';\n\nimport '@wix/ricos/css/plugin-link-viewer.global.css';\nimport '@wix/ricos/css/plugin-image-viewer.global.css';\nimport '@wix/ricos/css/plugin-video-viewer.global.css';\nimport '@wix/ricos/css/plugin-divider-viewer.global.css';\nimport '@wix/ricos/css/plugin-file-upload-viewer.global.css';\nimport '@wix/ricos/css/plugin-html-viewer.global.css';\nimport '@wix/ricos/css/plugin-link-preview-viewer.global.css';\nimport '@wix/ricos/css/plugin-vertical-embed-viewer.global.css';\nimport '@wix/ricos/css/plugin-spoiler-viewer.global.css';\nimport '@wix/ricos/css/plugin-giphy-viewer.global.css';\nimport '@wix/ricos/css/plugin-gallery-viewer.global.css';\nimport '@wix/ricos/css/plugin-collapsible-list-viewer.global.css';\nimport '@wix/ricos/css/plugin-table-viewer.global.css';\nimport '@wix/ricos/css/plugin-button-viewer.global.css';\n\nimport { isTruthy } from '../../../../utils';\n\nexport const usePlugins = () => {\n  return useMemo(\n    () =>\n      [\n        pluginTextColor(),\n        pluginTextHighlight(),\n        pluginLineSpacing(),\n        pluginLink(),\n        pluginImage(),\n        pluginVideo(),\n        pluginGallery(),\n        pluginDivider(),\n        pluginTable(),\n        pluginFileUpload(),\n        pluginHtml(),\n        pluginLinkPreview(),\n        pluginVerticalEmbed(),\n        pluginEmoji(),\n        pluginSpoiler(),\n        pluginGiphy(),\n        pluginCodeBlock(),\n        pluginCollapsibleList(),\n        pluginLinkButton(),\n      ].filter(isTruthy),\n    [],\n  );\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAE/B,SACEC,qBAAqB,IAAIC,eAAe,EACxCC,yBAAyB,IAAIC,mBAAmB,EAChDC,gBAAgB,IAAIC,UAAU,EAC9BC,uBAAuB,IAAIC,iBAAiB,EAC5CC,iBAAiB,IAAIC,WAAW,EAChCC,iBAAiB,IAAIC,WAAW,EAChCC,mBAAmB,IAAIC,aAAa,EACpCC,sBAAsB,IAAIC,gBAAgB,EAC1CC,gBAAgB,IAAIC,UAAU,EAC9BC,uBAAuB,IAAIC,iBAAiB,EAC5CC,yBAAyB,IAAIC,mBAAmB,EAChDC,iBAAiB,IAAIC,WAAW,EAChCC,mBAAmB,IAAIC,aAAa,EACpCC,iBAAiB,IAAIC,WAAW,EAChCC,qBAAqB,IAAIC,eAAe,EACxCC,mBAAmB,IAAIC,aAAa,EACpCC,2BAA2B,IAAIC,qBAAqB,EACpDC,iBAAiB,IAAIC,WAAW,EAChCC,sBAAsB,IAAIC,gBAAgB,QACrC,YAAY;AAEnB,OAAO,8CAA8C;AACrD,OAAO,+CAA+C;AACtD,OAAO,+CAA+C;AACtD,OAAO,iDAAiD;AACxD,OAAO,qDAAqD;AAC5D,OAAO,8CAA8C;AACrD,OAAO,sDAAsD;AAC7D,OAAO,wDAAwD;AAC/D,OAAO,iDAAiD;AACxD,OAAO,+CAA+C;AACtD,OAAO,iDAAiD;AACxD,OAAO,0DAA0D;AACjE,OAAO,+CAA+C;AACtD,OAAO,gDAAgD;AAEvD,SAASC,QAAQ,QAAQ,mBAAmB;AAE5C,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC9B,OAAOxC,OAAO,CACZ,MACE,CACEE,eAAe,CAAC,CAAC,EACjBE,mBAAmB,CAAC,CAAC,EACrBI,iBAAiB,CAAC,CAAC,EACnBF,UAAU,CAAC,CAAC,EACZI,WAAW,CAAC,CAAC,EACbE,WAAW,CAAC,CAAC,EACboB,aAAa,CAAC,CAAC,EACflB,aAAa,CAAC,CAAC,EACfsB,WAAW,CAAC,CAAC,EACbpB,gBAAgB,CAAC,CAAC,EAClBE,UAAU,CAAC,CAAC,EACZE,iBAAiB,CAAC,CAAC,EACnBE,mBAAmB,CAAC,CAAC,EACrBE,WAAW,CAAC,CAAC,EACbE,aAAa,CAAC,CAAC,EACfE,WAAW,CAAC,CAAC,EACbE,eAAe,CAAC,CAAC,EACjBI,qBAAqB,CAAC,CAAC,EACvBI,gBAAgB,CAAC,CAAC,CACnB,CAACG,MAAM,CAACF,QAAQ,CAAC,EACpB,EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.js

@@ -0,0 +1,73 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { WixRicosViewer, ensureRicosContent, fromPlainText } from '@wix/ricos';
+import '@wix/ricos/css/ricos-viewer.global.css';
+import { useOpenState } from '../../../../hooks';
+import { preventEvent } from '../../../../utils';
+import { UserSiteFonts } from '../../../user-site-fonts';
+import { FullscreenModal, ToggleFullscreenButton, useWixRicosProps } from '../rich-content-common';
+import { usePlugins } from './plugins';
+import { st, classes } from './rich-content-viewer.st.css.js';
+const RCV = _ref => {
+  let {
+    isFullScreen,
+    onToggleFullscreen,
+    content,
+    className,
+    dataHook,
+    tabIndex,
+    ...ricosProps
+  } = _ref;
+  const wixRicosProps = useWixRicosProps();
+  const plugins = usePlugins();
+  return /*#__PURE__*/React.createElement("div", {
+    "data-hook": "rich-content.viewer",
+    className: st(classes.root, {
+      isFullScreen
+    }, className),
+    onMouseDown: preventEvent,
+    tabIndex: tabIndex
+  }, /*#__PURE__*/React.createElement(ToggleFullscreenButton, {
+    isFullScreen: isFullScreen,
+    onToggleFullScreen: onToggleFullscreen
+  }), /*#__PURE__*/React.createElement("div", {
+    "data-hook": dataHook,
+    className: classes.viewer
+  }, /*#__PURE__*/React.createElement(WixRicosViewer, _extends({}, ricosProps, wixRicosProps, {
+    plugins: plugins,
+    content: ensureRicosContent(content ?? fromPlainText(''))
+  }))));
+};
+RCV.displayName = 'RCV';
+export const RichContentViewer = _ref2 => {
+  let {
+    fullScreenOnly,
+    onEnterFullScreen,
+    onExitFullScreen,
+    className,
+    tabIndex,
+    ...props
+  } = _ref2;
+  const {
+    isOpen: isFullScreen,
+    onOpen,
+    onClose
+  } = useOpenState(!!fullScreenOnly, {
+    onOpen: onEnterFullScreen,
+    onClose: onExitFullScreen
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UserSiteFonts, null), !fullScreenOnly && /*#__PURE__*/React.createElement(RCV, _extends({}, props, {
+    isFullScreen: false,
+    onToggleFullscreen: onOpen,
+    className: className,
+    tabIndex: tabIndex
+  })), /*#__PURE__*/React.createElement(FullscreenModal, {
+    isOpen: isFullScreen
+  }, /*#__PURE__*/React.createElement(RCV, _extends({}, props, {
+    isFullScreen: true,
+    onToggleFullscreen: onClose,
+    className: classes.modalViewer
+  }))));
+};
+RichContentViewer.displayName = 'RichContentViewer';
+//# sourceMappingURL=rich-content-viewer.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","WixRicosViewer","ensureRicosContent","fromPlainText","useOpenState","preventEvent","UserSiteFonts","FullscreenModal","ToggleFullscreenButton","useWixRicosProps","usePlugins","st","classes","RCV","_ref","isFullScreen","onToggleFullscreen","content","className","dataHook","tabIndex","ricosProps","wixRicosProps","plugins","createElement","root","onMouseDown","onToggleFullScreen","viewer","_extends","displayName","RichContentViewer","_ref2","fullScreenOnly","onEnterFullScreen","onExitFullScreen","props","isOpen","onOpen","onClose","Fragment","modalViewer"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { WixRicosViewerProps, RichContent } from '@wix/ricos';\nimport { WixRicosViewer, ensureRicosContent, fromPlainText } from '@wix/ricos';\nimport '@wix/ricos/css/ricos-viewer.global.css';\n\nimport { useOpenState } from '../../../../hooks';\nimport { preventEvent } from '../../../../utils';\nimport { UserSiteFonts } from '../../../user-site-fonts';\n\nimport {\n  FullscreenModal,\n  ToggleFullscreenButton,\n  useWixRicosProps,\n} from '../rich-content-common';\nimport { usePlugins } from './plugins';\nimport { st, classes } from './rich-content-viewer.st.css.js';\n\ntype RicosProps = Pick<\n  WixRicosViewerProps,\n  'wixExperiments' | 'biSettings' | 'children' | 'theme'\n>;\n\ninterface RCVProps extends RicosProps {\n  isFullScreen: boolean;\n  onToggleFullscreen: () => void;\n  content?: RichContent;\n  className?: string;\n  tabIndex?: number;\n  dataHook?: string;\n}\n\nconst RCV: React.FC<RCVProps> = ({\n  isFullScreen,\n  onToggleFullscreen,\n  content,\n  className,\n  dataHook,\n  tabIndex,\n  ...ricosProps\n}) => {\n  const wixRicosProps = useWixRicosProps();\n  const plugins = usePlugins();\n\n  return (\n    <div\n      data-hook=\"rich-content.viewer\"\n      className={st(classes.root, { isFullScreen }, className)}\n      onMouseDown={preventEvent}\n      tabIndex={tabIndex}\n    >\n      <ToggleFullscreenButton\n        isFullScreen={isFullScreen}\n        onToggleFullScreen={onToggleFullscreen}\n      />\n      <div data-hook={dataHook} className={classes.viewer}>\n        <WixRicosViewer\n          {...ricosProps}\n          {...wixRicosProps}\n          plugins={plugins}\n          content={ensureRicosContent(content ?? fromPlainText(''))}\n        />\n      </div>\n    </div>\n  );\n};\n\nRCV.displayName = 'RCV';\n\nexport interface RichContentViewerProps\n  extends Omit<RCVProps, 'isFullScreen' | 'onToggleFullscreen'> {\n  fullScreenOnly?: boolean;\n  onEnterFullScreen?: () => void;\n  onExitFullScreen?: () => void;\n}\n\nexport const RichContentViewer: React.FC<RichContentViewerProps> = ({\n  fullScreenOnly,\n  onEnterFullScreen,\n  onExitFullScreen,\n  className,\n  tabIndex,\n  ...props\n}) => {\n  const {\n    isOpen: isFullScreen,\n    onOpen,\n    onClose,\n  } = useOpenState(!!fullScreenOnly, {\n    onOpen: onEnterFullScreen,\n    onClose: onExitFullScreen,\n  });\n\n  return (\n    <>\n      <UserSiteFonts />\n      {!fullScreenOnly && (\n        <RCV\n          {...props}\n          isFullScreen={false}\n          onToggleFullscreen={onOpen}\n          className={className}\n          tabIndex={tabIndex}\n        />\n      )}\n      <FullscreenModal isOpen={isFullScreen}>\n        <RCV\n          {...props}\n          isFullScreen\n          onToggleFullscreen={onClose}\n          className={classes.modalViewer}\n        />\n      </FullscreenModal>\n    </>\n  );\n};\n\nRichContentViewer.displayName = 'RichContentViewer';\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,cAAc,EAAEC,kBAAkB,EAAEC,aAAa,QAAQ,YAAY;AAC9E,OAAO,wCAAwC;AAE/C,SAASC,YAAY,QAAQ,mBAAmB;AAChD,SAASC,YAAY,QAAQ,mBAAmB;AAChD,SAASC,aAAa,QAAQ,0BAA0B;AAExD,SACEC,eAAe,EACfC,sBAAsB,EACtBC,gBAAgB,QACX,wBAAwB;AAC/B,SAASC,UAAU,QAAQ,WAAW;AACtC,SAASC,EAAE,EAAEC,OAAO,QAAQ,iCAAiC;AAgB7D,MAAMC,GAAuB,GAAGC,IAAA,IAQ1B;EAAA,IAR2B;IAC/BC,YAAY;IACZC,kBAAkB;IAClBC,OAAO;IACPC,SAAS;IACTC,QAAQ;IACRC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAAP,IAAA;EACC,MAAMQ,aAAa,GAAGb,gBAAgB,CAAC,CAAC;EACxC,MAAMc,OAAO,GAAGb,UAAU,CAAC,CAAC;EAE5B,oBACEV,KAAA,CAAAwB,aAAA;IACE,aAAU,qBAAqB;IAC/BN,SAAS,EAAEP,EAAE,CAACC,OAAO,CAACa,IAAI,EAAE;MAAEV;IAAa,CAAC,EAAEG,SAAS,CAAE;IACzDQ,WAAW,EAAErB,YAAa;IAC1Be,QAAQ,EAAEA;EAAS,gBAEnBpB,KAAA,CAAAwB,aAAA,CAAChB,sBAAsB;IACrBO,YAAY,EAAEA,YAAa;IAC3BY,kBAAkB,EAAEX;EAAmB,CACxC,CAAC,eACFhB,KAAA,CAAAwB,aAAA;IAAK,aAAWL,QAAS;IAACD,SAAS,EAAEN,OAAO,CAACgB;EAAO,gBAClD5B,KAAA,CAAAwB,aAAA,CAACvB,cAAc,EAAA4B,QAAA,KACTR,UAAU,EACVC,aAAa;IACjBC,OAAO,EAAEA,OAAQ;IACjBN,OAAO,EAAEf,kBAAkB,CAACe,OAAO,IAAId,aAAa,CAAC,EAAE,CAAC;EAAE,EAC3D,CACE,CACF,CAAC;AAEV,CAAC;AAEDU,GAAG,CAACiB,WAAW,GAAG,KAAK;AASvB,OAAO,MAAMC,iBAAmD,GAAGC,KAAA,IAO7D;EAAA,IAP8D;IAClEC,cAAc;IACdC,iBAAiB;IACjBC,gBAAgB;IAChBjB,SAAS;IACTE,QAAQ;IACR,GAAGgB;EACL,CAAC,GAAAJ,KAAA;EACC,MAAM;IACJK,MAAM,EAAEtB,YAAY;IACpBuB,MAAM;IACNC;EACF,CAAC,GAAGnC,YAAY,CAAC,CAAC,CAAC6B,cAAc,EAAE;IACjCK,MAAM,EAAEJ,iBAAiB;IACzBK,OAAO,EAAEJ;EACX,CAAC,CAAC;EAEF,oBACEnC,KAAA,CAAAwB,aAAA,CAAAxB,KAAA,CAAAwC,QAAA,qBACExC,KAAA,CAAAwB,aAAA,CAAClB,aAAa,MAAE,CAAC,EAChB,CAAC2B,cAAc,iBACdjC,KAAA,CAAAwB,aAAA,CAACX,GAAG,EAAAgB,QAAA,KACEO,KAAK;IACTrB,YAAY,EAAE,KAAM;IACpBC,kBAAkB,EAAEsB,MAAO;IAC3BpB,SAAS,EAAEA,SAAU;IACrBE,QAAQ,EAAEA;EAAS,EACpB,CACF,eACDpB,KAAA,CAAAwB,aAAA,CAACjB,eAAe;IAAC8B,MAAM,EAAEtB;EAAa,gBACpCf,KAAA,CAAAwB,aAAA,CAACX,GAAG,EAAAgB,QAAA,KACEO,KAAK;IACTrB,YAAY;IACZC,kBAAkB,EAAEuB,OAAQ;IAC5BrB,SAAS,EAAEN,OAAO,CAAC6B;EAAY,EAChC,CACc,CACjB,CAAC;AAEP,CAAC;AAEDV,iBAAiB,CAACD,WAAW,GAAG,mBAAmB","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css

@@ -0,0 +1,42 @@
+@import "../rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css";
+
+.root {
+    -st-states: isFullScreen;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+    width: 100%;
+    min-height: 36px;
+}
+
+.root:isFullScreen {
+    padding: 12px 24px;
+}
+
+.root:not(:isFullScreen) {
+    padding: 6px 24px 6px 12px;
+}
+
+.root ToggleButton {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    position: absolute;
+    top: 2px !important;
+    right: 2px;
+    width: 30px;
+    height: 30px;
+}
+
+.viewer {
+    height: calc(100% - 36px);
+    width: 100%;
+}
+
+.modalViewer {
+    min-width: 592px;
+    overflow: auto;
+}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js

@@ -0,0 +1,20 @@
+// @ts-nocheck
+
+import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
+var _namespace_ = "richcontentviewer2092977258";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = {
+  "root": "richcontentviewer2092977258__root",
+  "viewer": "richcontentviewer2092977258__viewer",
+  "modalViewer": "richcontentviewer2092977258__modalViewer"
+};
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=rich-content-viewer.st.css.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richcontentviewer2092977258\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"richcontentviewer2092977258__root\",\"viewer\":\"richcontentviewer2092977258__viewer\",\"modalViewer\":\"richcontentviewer2092977258__modalViewer\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,wCAAwC;AAItF,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,QAAQ,EAAC,qCAAqC;EAAC,aAAa,EAAC;AAA0C,CAAC;AACzK,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/services/index.js

@@ -0,0 +1,4 @@
+export * from './types';
+export * from './rich-content-document-http-service';
+export * from './use-rich-content-document-service';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/services/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/services/index.ts"],"sourcesContent":["export * from './types';\nexport * from './rich-content-document-http-service';\nexport * from './use-rich-content-document-service';\n"],"mappings":"AAAA,cAAc,SAAS;AACvB,cAAc,sCAAsC;AACpD,cAAc,qCAAqC","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/services/rich-content-document-http-service.js

@@ -0,0 +1,29 @@
+import { ricosDocuments } from '@wix/rich-content';
+import { isRicosLikeObject } from '@wix/auto-cms-field-types';
+const {
+  Plugin,
+  validateDocument
+} = ricosDocuments;
+export const createRichContentDocumentHttpService = httpClient => {
+  return {
+    convertToRichContent: async data => {
+      let document = data;
+      if (typeof document === 'string') {
+        try {
+          document = JSON.parse(document);
+        } catch {
+          return undefined;
+        }
+      }
+      if (!isRicosLikeObject(document)) {
+        return undefined;
+      }
+      const response = await validateDocument(httpClient)(document, {
+        fixDocument: true,
+        plugins: Object.values(Plugin).filter(plugin => plugin !== Plugin.UNKNOWN_PLUGIN)
+      });
+      return response.validDocument;
+    }
+  };
+};
+//# sourceMappingURL=rich-content-document-http-service.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/services/rich-content-document-http-service.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ricosDocuments","isRicosLikeObject","Plugin","validateDocument","createRichContentDocumentHttpService","httpClient","convertToRichContent","data","document","JSON","parse","undefined","response","fixDocument","plugins","Object","values","filter","plugin","UNKNOWN_PLUGIN","validDocument"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/services/rich-content-document-http-service.ts"],"sourcesContent":["import type { WixPatternsContainer } from '@wix/patterns';\nimport { ricosDocuments } from '@wix/rich-content';\nimport type { RichContent } from '@wix/ricos';\nimport { isRicosLikeObject } from '@wix/auto-cms-field-types';\n\nimport { type RichContentDocumentService } from './types';\n\nconst { Plugin, validateDocument } = ricosDocuments;\n\ntype ValidateDocumentFn = (\n  httpClient: WixPatternsContainer['httpClient'],\n) => (\n  document: Record<string, unknown> | null,\n  options?: { fixDocument?: boolean; plugins?: string[] },\n) => Promise<{ validDocument?: RichContent }>;\n\nexport const createRichContentDocumentHttpService = (\n  httpClient: WixPatternsContainer['httpClient'],\n): RichContentDocumentService => {\n  return {\n    convertToRichContent: async (data: unknown) => {\n      let document = data;\n\n      if (typeof document === 'string') {\n        try {\n          document = JSON.parse(document);\n        } catch {\n          return undefined;\n        }\n      }\n\n      if (!isRicosLikeObject(document)) {\n        return undefined;\n      }\n\n      const response = await (\n        validateDocument as unknown as ValidateDocumentFn\n      )(httpClient)(document as Record<string, unknown>, {\n        fixDocument: true,\n        plugins: Object.values(Plugin).filter(\n          (plugin) => plugin !== Plugin.UNKNOWN_PLUGIN,\n        ),\n      });\n\n      return response.validDocument as RichContent | undefined;\n    },\n  };\n};\n"],"mappings":"AACA,SAASA,cAAc,QAAQ,mBAAmB;AAElD,SAASC,iBAAiB,QAAQ,2BAA2B;AAI7D,MAAM;EAAEC,MAAM;EAAEC;AAAiB,CAAC,GAAGH,cAAc;AASnD,OAAO,MAAMI,oCAAoC,GAC/CC,UAA8C,IACf;EAC/B,OAAO;IACLC,oBAAoB,EAAE,MAAOC,IAAa,IAAK;MAC7C,IAAIC,QAAQ,GAAGD,IAAI;MAEnB,IAAI,OAAOC,QAAQ,KAAK,QAAQ,EAAE;QAChC,IAAI;UACFA,QAAQ,GAAGC,IAAI,CAACC,KAAK,CAACF,QAAQ,CAAC;QACjC,CAAC,CAAC,MAAM;UACN,OAAOG,SAAS;QAClB;MACF;MAEA,IAAI,CAACV,iBAAiB,CAACO,QAAQ,CAAC,EAAE;QAChC,OAAOG,SAAS;MAClB;MAEA,MAAMC,QAAQ,GAAG,MACfT,gBAAgB,CAChBE,UAAU,CAAC,CAACG,QAAQ,EAA6B;QACjDK,WAAW,EAAE,IAAI;QACjBC,OAAO,EAAEC,MAAM,CAACC,MAAM,CAACd,MAAM,CAAC,CAACe,MAAM,CAClCC,MAAM,IAAKA,MAAM,KAAKhB,MAAM,CAACiB,cAChC;MACF,CAAC,CAAC;MAEF,OAAOP,QAAQ,CAACQ,aAAa;IAC/B;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/services/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/services/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/services/types.ts"],"sourcesContent":["import type { RichContent } from '@wix/ricos';\n\nexport interface RichContentDocumentService {\n  convertToRichContent(document: unknown): Promise<RichContent | undefined>;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/services/use-rich-content-document-service.js

@@ -0,0 +1,10 @@
+import { useMemo } from 'react';
+import { useWixPatternsContainer } from '@wix/patterns';
+import { createRichContentDocumentHttpService } from './rich-content-document-http-service';
+export const useRichContentDocumentService = () => {
+  const {
+    httpClient
+  } = useWixPatternsContainer();
+  return useMemo(() => createRichContentDocumentHttpService(httpClient), [httpClient]);
+};
+//# sourceMappingURL=use-rich-content-document-service.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/services/use-rich-content-document-service.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useWixPatternsContainer","createRichContentDocumentHttpService","useRichContentDocumentService","httpClient"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/services/use-rich-content-document-service.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { useWixPatternsContainer } from '@wix/patterns';\n\nimport { createRichContentDocumentHttpService } from './rich-content-document-http-service';\nimport type { RichContentDocumentService } from './types';\n\nexport const useRichContentDocumentService = (): RichContentDocumentService => {\n  const { httpClient } = useWixPatternsContainer();\n\n  return useMemo(\n    () => createRichContentDocumentHttpService(httpClient),\n    [httpClient],\n  );\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAE/B,SAASC,uBAAuB,QAAQ,eAAe;AAEvD,SAASC,oCAAoC,QAAQ,sCAAsC;AAG3F,OAAO,MAAMC,6BAA6B,GAAGA,CAAA,KAAkC;EAC7E,MAAM;IAAEC;EAAW,CAAC,GAAGH,uBAAuB,CAAC,CAAC;EAEhD,OAAOD,OAAO,CACZ,MAAME,oCAAoC,CAACE,UAAU,CAAC,EACtD,CAACA,UAAU,CACb,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/variables.css

@@ -0,0 +1,4 @@
+:root {
+    --topToolbarHeight: 47px;
+    --bottomToolbarHeight: 40px;
+}

package/dist/esm/cms-fields/components/rich-content/rich-content-view/index.js

@@ -0,0 +1,2 @@
+export * from './rich-content-view';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../../src/cms-fields/components/rich-content/rich-content-view/index.ts"],"sourcesContent":["export * from './rich-content-view';\n"],"mappings":"AAAA,cAAc,qBAAqB","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-view/rich-content-view.js

@@ -0,0 +1,19 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { Loader } from '@wix/design-system';
+import { TextView } from '../../text';
+import { usePlainTextRichContent } from '../hooks';
+export const RichContentView = _ref => {
+  let {
+    data,
+    ...props
+  } = _ref;
+  const [plainTextContent, isContentConverting] = usePlainTextRichContent(data);
+  return /*#__PURE__*/React.createElement(TextView, _extends({}, props, {
+    data: isContentConverting ? /*#__PURE__*/React.createElement(Loader, {
+      size: "tiny"
+    }) : plainTextContent
+  }));
+};
+RichContentView.displayName = 'RichContentView';
+//# sourceMappingURL=rich-content-view.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-view/rich-content-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Loader","TextView","usePlainTextRichContent","RichContentView","_ref","data","props","plainTextContent","isContentConverting","createElement","_extends","size","displayName"],"sources":["../../../../../../src/cms-fields/components/rich-content/rich-content-view/rich-content-view.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Loader } from '@wix/design-system';\nimport { TextView } from '../../text';\n\nimport { usePlainTextRichContent } from '../hooks';\n\nexport const RichContentView: React.FC<any> = ({ data, ...props }) => {\n  const [plainTextContent, isContentConverting] = usePlainTextRichContent(data);\n  return (\n    <TextView\n      {...props}\n      data={isContentConverting ? <Loader size=\"tiny\" /> : plainTextContent}\n    />\n  );\n};\n\nRichContentView.displayName = 'RichContentView';\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,QAAQ,QAAQ,YAAY;AAErC,SAASC,uBAAuB,QAAQ,UAAU;AAElD,OAAO,MAAMC,eAA8B,GAAGC,IAAA,IAAwB;EAAA,IAAvB;IAAEC,IAAI;IAAE,GAAGC;EAAM,CAAC,GAAAF,IAAA;EAC/D,MAAM,CAACG,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGN,uBAAuB,CAACG,IAAI,CAAC;EAC7E,oBACEN,KAAA,CAAAU,aAAA,CAACR,QAAQ,EAAAS,QAAA,KACHJ,KAAK;IACTD,IAAI,EAAEG,mBAAmB,gBAAGT,KAAA,CAAAU,aAAA,CAACT,MAAM;MAACW,IAAI,EAAC;IAAM,CAAE,CAAC,GAAGJ;EAAiB,EACvE,CAAC;AAEN,CAAC;AAEDJ,eAAe,CAACS,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/cms-fields/components/rich-content/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../src/cms-fields/components/rich-content/types.ts"],"sourcesContent":["export type ColorScheme = Record<string, { color: string; index: number }>;\n"],"mappings":"","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-text/components/link/index.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { TextButton } from '@wix/design-system';
+// Placeholder component for LinkButton
+export const LinkButton = _ref => {
+  let {
+    href,
+    children,
+    onClick,
+    inText
+  } = _ref;
+  if (inText) {
+    return /*#__PURE__*/React.createElement(TextButton, {
+      as: href ? 'a' : 'button',
+      href: href,
+      target: href ? '_blank' : undefined,
+      rel: href ? 'noopener noreferrer' : undefined,
+      onClick: onClick,
+      size: "tiny",
+      underline: "always"
+    }, children);
+  }
+  return /*#__PURE__*/React.createElement(TextButton, {
+    as: href ? 'a' : 'button',
+    href: href,
+    onClick: onClick,
+    size: "tiny",
+    underline: "always"
+  }, children);
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/rich-text/components/link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TextButton","LinkButton","_ref","href","children","onClick","inText","createElement","as","target","undefined","rel","size","underline"],"sources":["../../../../../../../src/cms-fields/components/rich-text/components/link/index.tsx"],"sourcesContent":["import React from 'react';\nimport { TextButton } from '@wix/design-system';\n\nexport interface LinkButtonProps {\n  href?: string;\n  children: React.ReactNode;\n  onClick?: (e: React.MouseEvent) => void;\n  inText?: boolean;\n}\n\n// Placeholder component for LinkButton\nexport const LinkButton: React.FC<LinkButtonProps> = ({\n  href,\n  children,\n  onClick,\n  inText,\n}) => {\n  if (inText) {\n    return (\n      <TextButton\n        as={href ? 'a' : 'button'}\n        href={href}\n        target={href ? '_blank' : undefined}\n        rel={href ? 'noopener noreferrer' : undefined}\n        onClick={onClick}\n        size=\"tiny\"\n        underline=\"always\"\n      >\n        {children}\n      </TextButton>\n    );\n  }\n\n  return (\n    <TextButton\n      as={href ? 'a' : 'button'}\n      href={href}\n      onClick={onClick}\n      size=\"tiny\"\n      underline=\"always\"\n    >\n      {children}\n    </TextButton>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,oBAAoB;AAS/C;AACA,OAAO,MAAMC,UAAqC,GAAGC,IAAA,IAK/C;EAAA,IALgD;IACpDC,IAAI;IACJC,QAAQ;IACRC,OAAO;IACPC;EACF,CAAC,GAAAJ,IAAA;EACC,IAAII,MAAM,EAAE;IACV,oBACEP,KAAA,CAAAQ,aAAA,CAACP,UAAU;MACTQ,EAAE,EAAEL,IAAI,GAAG,GAAG,GAAG,QAAS;MAC1BA,IAAI,EAAEA,IAAK;MACXM,MAAM,EAAEN,IAAI,GAAG,QAAQ,GAAGO,SAAU;MACpCC,GAAG,EAAER,IAAI,GAAG,qBAAqB,GAAGO,SAAU;MAC9CL,OAAO,EAAEA,OAAQ;MACjBO,IAAI,EAAC,MAAM;MACXC,SAAS,EAAC;IAAQ,GAEjBT,QACS,CAAC;EAEjB;EAEA,oBACEL,KAAA,CAAAQ,aAAA,CAACP,UAAU;IACTQ,EAAE,EAAEL,IAAI,GAAG,GAAG,GAAG,QAAS;IAC1BA,IAAI,EAAEA,IAAK;IACXE,OAAO,EAAEA,OAAQ;IACjBO,IAAI,EAAC,MAAM;IACXC,SAAS,EAAC;EAAQ,GAEjBT,QACS,CAAC;AAEjB,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-text/index.js

@@ -0,0 +1,5 @@
+export * from './rich-text-view';
+export * from './rich-text-input';
+export * from './components/link';
+export {};
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/rich-text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../src/cms-fields/components/rich-text/index.ts"],"sourcesContent":["export * from './rich-text-view';\nexport * from './rich-text-input';\n\nexport type { NoOptions, TextKeys } from './types';\nexport * from './components/link';\n"],"mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,mBAAmB;AAGjC,cAAc,mBAAmB;AAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-text/rich-text-input/data-hooks.js

@@ -0,0 +1,3 @@
+export const richTextToolbarDataHook = 'rich-text-toolbar';
+export const richTextDataHook = 'rich-text';
+//# sourceMappingURL=data-hooks.js.map

package/dist/esm/cms-fields/components/rich-text/rich-text-input/data-hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["richTextToolbarDataHook","richTextDataHook"],"sources":["../../../../../../src/cms-fields/components/rich-text/rich-text-input/data-hooks.ts"],"sourcesContent":["export const richTextToolbarDataHook = 'rich-text-toolbar';\nexport const richTextDataHook = 'rich-text';\n"],"mappings":"AAAA,OAAO,MAAMA,uBAAuB,GAAG,mBAAmB;AAC1D,OAAO,MAAMC,gBAAgB,GAAG,WAAW","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-text/rich-text-input/form-input/form-rich-text-input.js

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { UserSiteFonts } from '../../../user-site-fonts';
+import { RichTextEditor } from '../rich-text-editor';
+export const FormRichTextInput = _ref => {
+  let {
+    data,
+    invalid,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, props.headingsEnabled && /*#__PURE__*/React.createElement(UserSiteFonts, null), /*#__PURE__*/React.createElement(RichTextEditor, _extends({}, props, {
+    value: data,
+    status: invalid ? 'error' : undefined
+  })));
+};
+//# sourceMappingURL=form-rich-text-input.js.map

package/dist/esm/cms-fields/components/rich-text/rich-text-input/form-input/form-rich-text-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","UserSiteFonts","RichTextEditor","FormRichTextInput","_ref","data","invalid","props","createElement","Fragment","headingsEnabled","_extends","value","status","undefined"],"sources":["../../../../../../../src/cms-fields/components/rich-text/rich-text-input/form-input/form-rich-text-input.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { FormInputProps } from '../../../../types';\nimport { UserSiteFonts } from '../../../user-site-fonts';\nimport type { RichTextEditorProps } from '../rich-text-editor';\nimport { RichTextEditor } from '../rich-text-editor';\n\nexport type FormRichTextInputProps = FormInputProps<string> &\n  Pick<RichTextEditorProps, 'textStyle' | 'headingsEnabled'>;\n\nexport const FormRichTextInput: React.FC<FormRichTextInputProps> = ({\n  data,\n  invalid,\n  ...props\n}) => {\n  return (\n    <>\n      {props.headingsEnabled && <UserSiteFonts />}\n      <RichTextEditor\n        {...props}\n        value={data}\n        status={invalid ? 'error' : undefined}\n      />\n    </>\n  );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,aAAa,QAAQ,0BAA0B;AAExD,SAASC,cAAc,QAAQ,qBAAqB;AAKpD,OAAO,MAAMC,iBAAmD,GAAGC,IAAA,IAI7D;EAAA,IAJ8D;IAClEC,IAAI;IACJC,OAAO;IACP,GAAGC;EACL,CAAC,GAAAH,IAAA;EACC,oBACEJ,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,QACGF,KAAK,CAACG,eAAe,iBAAIV,KAAA,CAAAQ,aAAA,CAACP,aAAa,MAAE,CAAC,eAC3CD,KAAA,CAAAQ,aAAA,CAACN,cAAc,EAAAS,QAAA,KACTJ,KAAK;IACTK,KAAK,EAAEP,IAAK;IACZQ,MAAM,EAAEP,OAAO,GAAG,OAAO,GAAGQ;EAAU,EACvC,CACD,CAAC;AAEP,CAAC","ignoreList":[]}