@wix/auto-patterns 1.45.0 → 1.46.0

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

@@ -0,0 +1,86 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ExternalToolbar = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _ricos = require("@wix/ricos");
+var _utils = require("../../../../utils");
+var _richContentToolbarStCss = require("./rich-content-toolbar.st.css.js");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const BUTTONS_ORDER = [_ricos.INSERT_PLUGIN_BUTTONS.IMAGE, _ricos.INSERT_PLUGIN_BUTTONS.VIDEO, _ricos.INSERT_PLUGIN_BUTTONS.GALLERY, _ricos.INSERT_PLUGIN_BUTTONS.LAYOUT, _ricos.INSERT_PLUGIN_BUTTONS.DIVIDER, _ricos.INSERT_PLUGIN_BUTTONS.TABLE, _ricos.INSERT_PLUGIN_BUTTONS.FILE, _ricos.INSERT_PLUGIN_BUTTONS.HTML, _ricos.INSERT_PLUGIN_BUTTONS.INSTAGRAM, _ricos.INSERT_PLUGIN_BUTTONS.TWITTER, _ricos.INSERT_PLUGIN_BUTTONS.TIKTOK, _ricos.INSERT_PLUGIN_BUTTONS.STORES, _ricos.INSERT_PLUGIN_BUTTONS.BOOKINGS, _ricos.INSERT_PLUGIN_BUTTONS.EVENTS, _ricos.INSERT_PLUGIN_BUTTONS.EMOJI, _ricos.INSERT_PLUGIN_BUTTONS.GIF, _ricos.INSERT_PLUGIN_BUTTONS.CODE_BLOCK, _ricos.INSERT_PLUGIN_BUTTONS.COLLAPSIBLE_LIST, _ricos.INSERT_PLUGIN_BUTTONS.BUTTON, _ricos.INSERT_PLUGIN_BUTTONS.UNDO, _ricos.INSERT_PLUGIN_BUTTONS.REDO];
+class ExternalToolbar extends _react.Component {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "onMouseDown", event => event.preventDefault());
+    (0, _defineProperty2.default)(this, "renderButton", ({
+      onClick,
+      getIcon,
+      isDisabled,
+      dataHook,
+      tooltip,
+      name
+    }) => {
+      const Icon = (getIcon == null ? void 0 : getIcon()) ?? (() => null);
+      return /*#__PURE__*/_react.default.createElement(_ricos.Tooltip, {
+        content: tooltip,
+        key: name,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 65,
+          columnNumber: 7
+        }
+      }, /*#__PURE__*/_react.default.createElement("button", {
+        className: _richContentToolbarStCss.classes.toolbarButton,
+        disabled: isDisabled == null ? void 0 : isDisabled(),
+        "data-hook": dataHook,
+        onClick: onClick,
+        onMouseDown: this.onMouseDown,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 66,
+          columnNumber: 9
+        }
+      }, /*#__PURE__*/_react.default.createElement(Icon, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 73,
+          columnNumber: 11
+        }
+      })));
+    });
+  }
+  render() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: _richContentToolbarStCss.classes.toolbar,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 81,
+        columnNumber: 7
+      }
+    }, BUTTONS_ORDER.map(name => {
+      var _this$props$buttons;
+      return (_this$props$buttons = this.props.buttons) == null ? void 0 : _this$props$buttons[name];
+    }).filter(_utils.isTruthy).map((buttonProps, i) => {
+      const Button = this.renderButton;
+      return /*#__PURE__*/_react.default.createElement(Button, (0, _extends2.default)({}, buttonProps, {
+        key: i,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 86,
+          columnNumber: 20
+        }
+      }));
+    }));
+  }
+}
+exports.ExternalToolbar = ExternalToolbar;
+//# sourceMappingURL=rich-content-toolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ricos","_utils","_richContentToolbarStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BUTTONS_ORDER","INSERT_PLUGIN_BUTTONS","IMAGE","VIDEO","GALLERY","LAYOUT","DIVIDER","TABLE","FILE","HTML","INSTAGRAM","TWITTER","TIKTOK","STORES","BOOKINGS","EVENTS","EMOJI","GIF","CODE_BLOCK","COLLAPSIBLE_LIST","BUTTON","UNDO","REDO","ExternalToolbar","Component","constructor","args","_defineProperty2","event","preventDefault","onClick","getIcon","isDisabled","dataHook","tooltip","name","Icon","createElement","Tooltip","content","key","__self","__source","fileName","lineNumber","columnNumber","className","classes","toolbarButton","disabled","onMouseDown","render","toolbar","map","_this$props$buttons","props","buttons","filter","isTruthy","buttonProps","Button","renderButton","_extends2","exports"],"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":"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","ignoreList":[]}

package/dist/cjs/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/cjs/cms-fields/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "richcontenttoolbar1820776557";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "richcontenttoolbar1820776557__root",
+  "toolbar": "richcontenttoolbar1820776557__toolbar",
+  "toolbarButton": "richcontenttoolbar1820776557__toolbarButton"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=rich-content-toolbar.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","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_ = \"richcontenttoolbar1820776557\";\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\":\"richcontenttoolbar1820776557__root\",\"toolbar\":\"richcontenttoolbar1820776557__toolbar\",\"toolbarButton\":\"richcontenttoolbar1820776557__toolbarButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,8BAA8B;AAChD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,oCAAoC;EAAC,SAAS,EAAC,uCAAuC;EAAC,eAAe,EAAC;AAA6C,CAAC;AAC3K,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _richContentViewer = require("./rich-content-viewer");
+Object.keys(_richContentViewer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _richContentViewer[key]) return;
+  exports[key] = _richContentViewer[key];
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_richContentViewer","require","Object","keys","forEach","key","exports"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/rich-content-viewer/index.ts"],"sourcesContent":["export * from './rich-content-viewer';\n"],"mappings":";;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,kBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,kBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,kBAAA,CAAAK,GAAA;AAAA","ignoreList":[]}

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

@@ -0,0 +1,26 @@
+"use strict";
+
+exports.__esModule = true;
+exports.usePlugins = void 0;
+var _react = require("react");
+var _ricos = require("@wix/ricos");
+require("@wix/ricos/css/plugin-link-viewer.global.css");
+require("@wix/ricos/css/plugin-image-viewer.global.css");
+require("@wix/ricos/css/plugin-video-viewer.global.css");
+require("@wix/ricos/css/plugin-divider-viewer.global.css");
+require("@wix/ricos/css/plugin-file-upload-viewer.global.css");
+require("@wix/ricos/css/plugin-html-viewer.global.css");
+require("@wix/ricos/css/plugin-link-preview-viewer.global.css");
+require("@wix/ricos/css/plugin-vertical-embed-viewer.global.css");
+require("@wix/ricos/css/plugin-spoiler-viewer.global.css");
+require("@wix/ricos/css/plugin-giphy-viewer.global.css");
+require("@wix/ricos/css/plugin-gallery-viewer.global.css");
+require("@wix/ricos/css/plugin-collapsible-list-viewer.global.css");
+require("@wix/ricos/css/plugin-table-viewer.global.css");
+require("@wix/ricos/css/plugin-button-viewer.global.css");
+var _utils = require("../../../../utils");
+const usePlugins = () => {
+  return (0, _react.useMemo)(() => [(0, _ricos.pluginTextColorViewer)(), (0, _ricos.pluginTextHighlightViewer)(), (0, _ricos.pluginLineSpacingViewer)(), (0, _ricos.pluginLinkViewer)(), (0, _ricos.pluginImageViewer)(), (0, _ricos.pluginVideoViewer)(), (0, _ricos.pluginGalleryViewer)(), (0, _ricos.pluginDividerViewer)(), (0, _ricos.pluginTableViewer)(), (0, _ricos.pluginFileUploadViewer)(), (0, _ricos.pluginHtmlViewer)(), (0, _ricos.pluginLinkPreviewViewer)(), (0, _ricos.pluginVerticalEmbedViewer)(), (0, _ricos.pluginEmojiViewer)(), (0, _ricos.pluginSpoilerViewer)(), (0, _ricos.pluginGiphyViewer)(), (0, _ricos.pluginCodeBlockViewer)(), (0, _ricos.pluginCollapsibleListViewer)(), (0, _ricos.pluginLinkButtonViewer)()].filter(_utils.isTruthy), []);
+};
+exports.usePlugins = usePlugins;
+//# sourceMappingURL=plugins.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_ricos","_utils","usePlugins","useMemo","pluginTextColor","pluginTextHighlight","pluginLineSpacing","pluginLink","pluginImage","pluginVideo","pluginGallery","pluginDivider","pluginTable","pluginFileUpload","pluginHtml","pluginLinkPreview","pluginVerticalEmbed","pluginEmoji","pluginSpoiler","pluginGiphy","pluginCodeBlock","pluginCollapsibleList","pluginLinkButton","filter","isTruthy","exports"],"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,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAsBAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAEO,MAAMG,UAAU,GAAGA,CAAA,KAAM;EAC9B,OAAO,IAAAC,cAAO,EACZ,MACE,CACE,IAAAC,4BAAe,EAAC,CAAC,EACjB,IAAAC,gCAAmB,EAAC,CAAC,EACrB,IAAAC,8BAAiB,EAAC,CAAC,EACnB,IAAAC,uBAAU,EAAC,CAAC,EACZ,IAAAC,wBAAW,EAAC,CAAC,EACb,IAAAC,wBAAW,EAAC,CAAC,EACb,IAAAC,0BAAa,EAAC,CAAC,EACf,IAAAC,0BAAa,EAAC,CAAC,EACf,IAAAC,wBAAW,EAAC,CAAC,EACb,IAAAC,6BAAgB,EAAC,CAAC,EAClB,IAAAC,uBAAU,EAAC,CAAC,EACZ,IAAAC,8BAAiB,EAAC,CAAC,EACnB,IAAAC,gCAAmB,EAAC,CAAC,EACrB,IAAAC,wBAAW,EAAC,CAAC,EACb,IAAAC,0BAAa,EAAC,CAAC,EACf,IAAAC,wBAAW,EAAC,CAAC,EACb,IAAAC,4BAAe,EAAC,CAAC,EACjB,IAAAC,kCAAqB,EAAC,CAAC,EACvB,IAAAC,6BAAgB,EAAC,CAAC,CACnB,CAACC,MAAM,CAACC,eAAQ,CAAC,EACpB,EACF,CAAC;AACH,CAAC;AAACC,OAAA,CAAAvB,UAAA,GAAAA,UAAA","ignoreList":[]}

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

@@ -0,0 +1,127 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.RichContentViewer = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _ricos = require("@wix/ricos");
+require("@wix/ricos/css/ricos-viewer.global.css");
+var _hooks = require("../../../../hooks");
+var _utils = require("../../../../utils");
+var _userSiteFonts = require("../../../user-site-fonts");
+var _richContentCommon = require("../rich-content-common");
+var _plugins = require("./plugins");
+var _richContentViewerStCss = require("./rich-content-viewer.st.css.js");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.tsx";
+const RCV = ({
+  isFullScreen,
+  onToggleFullscreen,
+  content,
+  className,
+  dataHook,
+  tabIndex,
+  ...ricosProps
+}) => {
+  const wixRicosProps = (0, _richContentCommon.useWixRicosProps)();
+  const plugins = (0, _plugins.usePlugins)();
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": "rich-content.viewer",
+    className: (0, _richContentViewerStCss.st)(_richContentViewerStCss.classes.root, {
+      isFullScreen
+    }, className),
+    onMouseDown: _utils.preventEvent,
+    tabIndex: tabIndex,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 46,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_richContentCommon.ToggleFullscreenButton, {
+    isFullScreen: isFullScreen,
+    onToggleFullScreen: onToggleFullscreen,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 52,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": dataHook,
+    className: _richContentViewerStCss.classes.viewer,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 56,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ricos.WixRicosViewer, (0, _extends2.default)({}, ricosProps, wixRicosProps, {
+    plugins: plugins,
+    content: (0, _ricos.ensureRicosContent)(content ?? (0, _ricos.fromPlainText)('')),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 57,
+      columnNumber: 9
+    }
+  }))));
+};
+RCV.displayName = 'RCV';
+const RichContentViewer = ({
+  fullScreenOnly,
+  onEnterFullScreen,
+  onExitFullScreen,
+  className,
+  tabIndex,
+  ...props
+}) => {
+  const {
+    isOpen: isFullScreen,
+    onOpen,
+    onClose
+  } = (0, _hooks.useOpenState)(!!fullScreenOnly, {
+    onOpen: onEnterFullScreen,
+    onClose: onExitFullScreen
+  });
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_userSiteFonts.UserSiteFonts, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 96,
+      columnNumber: 7
+    }
+  }), !fullScreenOnly && /*#__PURE__*/_react.default.createElement(RCV, (0, _extends2.default)({}, props, {
+    isFullScreen: false,
+    onToggleFullscreen: onOpen,
+    className: className,
+    tabIndex: tabIndex,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 98,
+      columnNumber: 9
+    }
+  })), /*#__PURE__*/_react.default.createElement(_richContentCommon.FullscreenModal, {
+    isOpen: isFullScreen,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 106,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(RCV, (0, _extends2.default)({}, props, {
+    isFullScreen: true,
+    onToggleFullscreen: onClose,
+    className: _richContentViewerStCss.classes.modalViewer,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 107,
+      columnNumber: 9
+    }
+  }))));
+};
+exports.RichContentViewer = RichContentViewer;
+RichContentViewer.displayName = 'RichContentViewer';
+//# sourceMappingURL=rich-content-viewer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_ricos","_hooks","_utils","_userSiteFonts","_richContentCommon","_plugins","_richContentViewerStCss","_jsxFileName","RCV","isFullScreen","onToggleFullscreen","content","className","dataHook","tabIndex","ricosProps","wixRicosProps","useWixRicosProps","plugins","usePlugins","default","createElement","st","classes","root","onMouseDown","preventEvent","__self","__source","fileName","lineNumber","columnNumber","ToggleFullscreenButton","onToggleFullScreen","viewer","WixRicosViewer","_extends2","ensureRicosContent","fromPlainText","displayName","RichContentViewer","fullScreenOnly","onEnterFullScreen","onExitFullScreen","props","isOpen","onOpen","onClose","useOpenState","Fragment","UserSiteFonts","FullscreenModal","modalViewer","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AACAA,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAEA,IAAAK,kBAAA,GAAAL,OAAA;AAKA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,uBAAA,GAAAP,OAAA;AAA8D,IAAAQ,YAAA;AAgB9D,MAAMC,GAAuB,GAAGA,CAAC;EAC/BC,YAAY;EACZC,kBAAkB;EAClBC,OAAO;EACPC,SAAS;EACTC,QAAQ;EACRC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAG,IAAAC,mCAAgB,EAAC,CAAC;EACxC,MAAMC,OAAO,GAAG,IAAAC,mBAAU,EAAC,CAAC;EAE5B,oBACEtB,MAAA,CAAAuB,OAAA,CAAAC,aAAA;IACE,aAAU,qBAAqB;IAC/BT,SAAS,EAAE,IAAAU,0BAAE,EAACC,+BAAO,CAACC,IAAI,EAAE;MAAEf;IAAa,CAAC,EAAEG,SAAS,CAAE;IACzDa,WAAW,EAAEC,mBAAa;IAC1BZ,QAAQ,EAAEA,QAAS;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnBlC,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACjB,kBAAA,CAAA4B,sBAAsB;IACrBvB,YAAY,EAAEA,YAAa;IAC3BwB,kBAAkB,EAAEvB,kBAAmB;IAAAiB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACxC,CAAC,eACFlC,MAAA,CAAAuB,OAAA,CAAAC,aAAA;IAAK,aAAWR,QAAS;IAACD,SAAS,EAAEW,+BAAO,CAACW,MAAO;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClDlC,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACrB,MAAA,CAAAmC,cAAc,MAAAC,SAAA,CAAAhB,OAAA,MACTL,UAAU,EACVC,aAAa;IACjBE,OAAO,EAAEA,OAAQ;IACjBP,OAAO,EAAE,IAAA0B,yBAAkB,EAAC1B,OAAO,IAAI,IAAA2B,oBAAa,EAAC,EAAE,CAAC,CAAE;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAC3D,CACE,CACF,CAAC;AAEV,CAAC;AAEDvB,GAAG,CAAC+B,WAAW,GAAG,KAAK;AAShB,MAAMC,iBAAmD,GAAGA,CAAC;EAClEC,cAAc;EACdC,iBAAiB;EACjBC,gBAAgB;EAChB/B,SAAS;EACTE,QAAQ;EACR,GAAG8B;AACL,CAAC,KAAK;EACJ,MAAM;IACJC,MAAM,EAAEpC,YAAY;IACpBqC,MAAM;IACNC;EACF,CAAC,GAAG,IAAAC,mBAAY,EAAC,CAAC,CAACP,cAAc,EAAE;IACjCK,MAAM,EAAEJ,iBAAiB;IACzBK,OAAO,EAAEJ;EACX,CAAC,CAAC;EAEF,oBACE9C,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAAAxB,MAAA,CAAAuB,OAAA,CAAA6B,QAAA,qBACEpD,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAAClB,cAAA,CAAA+C,aAAa;IAAAvB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,EAChB,CAACU,cAAc,iBACd5C,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACb,GAAG,MAAA4B,SAAA,CAAAhB,OAAA,MACEwB,KAAK;IACTnC,YAAY,EAAE,KAAM;IACpBC,kBAAkB,EAAEoC,MAAO;IAC3BlC,SAAS,EAAEA,SAAU;IACrBE,QAAQ,EAAEA,QAAS;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACpB,CACF,eACDlC,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACjB,kBAAA,CAAA+C,eAAe;IAACN,MAAM,EAAEpC,YAAa;IAAAkB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpClC,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACb,GAAG,MAAA4B,SAAA,CAAAhB,OAAA,MACEwB,KAAK;IACTnC,YAAY;IACZC,kBAAkB,EAAEqC,OAAQ;IAC5BnC,SAAS,EAAEW,+BAAO,CAAC6B,WAAY;IAAAzB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAChC,CACc,CACjB,CAAC;AAEP,CAAC;AAACsB,OAAA,CAAAb,iBAAA,GAAAA,iBAAA;AAEFA,iBAAiB,CAACD,WAAW,GAAG,mBAAmB","ignoreList":[]}

package/dist/cjs/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/cjs/cms-fields/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "richcontentviewer1758821747";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "richcontentviewer1758821747__root",
+  "viewer": "richcontentviewer1758821747__viewer",
+  "modalViewer": "richcontentviewer1758821747__modalViewer"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=rich-content-viewer.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","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_ = \"richcontentviewer1758821747\";\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\":\"richcontentviewer1758821747__root\",\"viewer\":\"richcontentviewer1758821747__viewer\",\"modalViewer\":\"richcontentviewer1758821747__modalViewer\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,QAAQ,EAAC,qCAAqC;EAAC,aAAa,EAAC;AAA0C,CAAC;AAClK,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+var _types = require("./types");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types[key]) return;
+  exports[key] = _types[key];
+});
+var _richContentDocumentHttpService = require("./rich-content-document-http-service");
+Object.keys(_richContentDocumentHttpService).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _richContentDocumentHttpService[key]) return;
+  exports[key] = _richContentDocumentHttpService[key];
+});
+var _useRichContentDocumentService = require("./use-rich-content-document-service");
+Object.keys(_useRichContentDocumentService).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useRichContentDocumentService[key]) return;
+  exports[key] = _useRichContentDocumentService[key];
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","Object","keys","forEach","key","exports","_richContentDocumentHttpService","_useRichContentDocumentService"],"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,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,MAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,+BAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,+BAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,+BAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,+BAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,8BAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,8BAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,8BAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,8BAAA,CAAAH,GAAA;AAAA","ignoreList":[]}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+exports.__esModule = true;
+exports.createRichContentDocumentHttpService = void 0;
+var _richContent = require("@wix/rich-content");
+var _autoCmsFieldTypes = require("@wix/auto-cms-field-types");
+const {
+  Plugin,
+  validateDocument
+} = _richContent.ricosDocuments;
+const createRichContentDocumentHttpService = httpClient => {
+  return {
+    convertToRichContent: async data => {
+      let document = data;
+      if (typeof document === 'string') {
+        try {
+          document = JSON.parse(document);
+        } catch {
+          return undefined;
+        }
+      }
+      if (!(0, _autoCmsFieldTypes.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;
+    }
+  };
+};
+exports.createRichContentDocumentHttpService = createRichContentDocumentHttpService;
+//# sourceMappingURL=rich-content-document-http-service.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_richContent","require","_autoCmsFieldTypes","Plugin","validateDocument","ricosDocuments","createRichContentDocumentHttpService","httpClient","convertToRichContent","data","document","JSON","parse","undefined","isRicosLikeObject","response","fixDocument","plugins","Object","values","filter","plugin","UNKNOWN_PLUGIN","validDocument","exports"],"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,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AAIA,MAAM;EAAEE,MAAM;EAAEC;AAAiB,CAAC,GAAGC,2BAAc;AAS5C,MAAMC,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,CAAC,IAAAC,oCAAiB,EAACJ,QAAQ,CAAC,EAAE;QAChC,OAAOG,SAAS;MAClB;MAEA,MAAME,QAAQ,GAAG,MACfX,gBAAgB,CAChBG,UAAU,CAAC,CAACG,QAAQ,EAA6B;QACjDM,WAAW,EAAE,IAAI;QACjBC,OAAO,EAAEC,MAAM,CAACC,MAAM,CAAChB,MAAM,CAAC,CAACiB,MAAM,CAClCC,MAAM,IAAKA,MAAM,KAAKlB,MAAM,CAACmB,cAChC;MACF,CAAC,CAAC;MAEF,OAAOP,QAAQ,CAACQ,aAAa;IAC/B;EACF,CAAC;AACH,CAAC;AAACC,OAAA,CAAAlB,oCAAA,GAAAA,oCAAA","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=types.js.map

package/dist/cjs/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/cjs/cms-fields/components/rich-content/rich-content-input/services/use-rich-content-document-service.js

@@ -0,0 +1,15 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useRichContentDocumentService = void 0;
+var _react = require("react");
+var _patterns = require("@wix/patterns");
+var _richContentDocumentHttpService = require("./rich-content-document-http-service");
+const useRichContentDocumentService = () => {
+  const {
+    httpClient
+  } = (0, _patterns.useWixPatternsContainer)();
+  return (0, _react.useMemo)(() => (0, _richContentDocumentHttpService.createRichContentDocumentHttpService)(httpClient), [httpClient]);
+};
+exports.useRichContentDocumentService = useRichContentDocumentService;
+//# sourceMappingURL=use-rich-content-document-service.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_patterns","_richContentDocumentHttpService","useRichContentDocumentService","httpClient","useWixPatternsContainer","useMemo","createRichContentDocumentHttpService","exports"],"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,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,+BAAA,GAAAF,OAAA;AAGO,MAAMG,6BAA6B,GAAGA,CAAA,KAAkC;EAC7E,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,iCAAuB,EAAC,CAAC;EAEhD,OAAO,IAAAC,cAAO,EACZ,MAAM,IAAAC,oEAAoC,EAACH,UAAU,CAAC,EACtD,CAACA,UAAU,CACb,CAAC;AACH,CAAC;AAACI,OAAA,CAAAL,6BAAA,GAAAA,6BAAA","ignoreList":[]}

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

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

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

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _richContentView = require("./rich-content-view");
+Object.keys(_richContentView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _richContentView[key]) return;
+  exports[key] = _richContentView[key];
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_richContentView","require","Object","keys","forEach","key","exports"],"sources":["../../../../../../src/cms-fields/components/rich-content/rich-content-view/index.ts"],"sourcesContent":["export * from './rich-content-view';\n"],"mappings":";;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,gBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,gBAAA,CAAAK,GAAA;AAAA","ignoreList":[]}

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

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.RichContentView = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _text = require("../../text");
+var _hooks = require("../hooks");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/rich-content/rich-content-view/rich-content-view.tsx";
+const RichContentView = ({
+  data,
+  ...props
+}) => {
+  const [plainTextContent, isContentConverting] = (0, _hooks.usePlainTextRichContent)(data);
+  return /*#__PURE__*/_react.default.createElement(_text.TextView, (0, _extends2.default)({}, props, {
+    data: isContentConverting ? /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+      size: "tiny",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 13,
+        columnNumber: 35
+      }
+    }) : plainTextContent,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 11,
+      columnNumber: 5
+    }
+  }));
+};
+exports.RichContentView = RichContentView;
+RichContentView.displayName = 'RichContentView';
+//# sourceMappingURL=rich-content-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_text","_hooks","_jsxFileName","RichContentView","data","props","plainTextContent","isContentConverting","usePlainTextRichContent","default","createElement","TextView","_extends2","Loader","size","__self","__source","fileName","lineNumber","columnNumber","exports","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAAmD,IAAAI,YAAA;AAE5C,MAAMC,eAA8B,GAAGA,CAAC;EAAEC,IAAI;EAAE,GAAGC;AAAM,CAAC,KAAK;EACpE,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG,IAAAC,8BAAuB,EAACJ,IAAI,CAAC;EAC7E,oBACER,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAAW,QAAQ,MAAAC,SAAA,CAAAH,OAAA,MACHJ,KAAK;IACTD,IAAI,EAAEG,mBAAmB,gBAAGX,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAc,MAAM;MAACC,IAAI,EAAC,MAAM;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAf,YAAA;QAAAgB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,GAAGb,gBAAiB;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACvE,CAAC;AAEN,CAAC;AAACC,OAAA,CAAAjB,eAAA,GAAAA,eAAA;AAEFA,eAAe,CAACkB,WAAW,GAAG,iBAAiB","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=types.js.map

package/dist/cjs/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":[]}