@wix/patterns-fields 1.66.0 → 1.68.0

package/dist/cjs/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "richcontentformreadonlyinput1245446135";
+var _namespace_ = "richcontentformreadonlyinput636004872";
 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": "richcontentformreadonlyinput1245446135__root"
+  "root": "richcontentformreadonlyinput636004872__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richcontentformreadonlyinput1245446135\";\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\":\"richcontentformreadonlyinput1245446135__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-black-600\":\"--wds-color-black-600\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wds-color-blue-300\":\"--wds-color-blue-300\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wCAAwC;AAC1D,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;AAA8C,CAAC;AACrE,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;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,oBAAoB,EAAC;AAAsB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richcontentformreadonlyinput636004872\";\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\":\"richcontentformreadonlyinput636004872__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-black-600\":\"--wds-color-black-600\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wds-color-blue-300\":\"--wds-color-blue-300\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uCAAuC;AACzD,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;AAA6C,CAAC;AACpE,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;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,oBAAoB,EAAC;AAAsB,CAAC","ignoreList":[]}

package/dist/cjs/components/rich-content/rich-content-input/hooks.js

@@ -3,9 +3,8 @@
 exports.__esModule = true;
 exports.useRichContentAutofix = exports.useRCEPublishPromises = void 0;
 var _react = require("react");
-var _content = require("@wix/ricos/content");
-var _autoFieldTypes = require("../../../auto-field-types");
-var _wixDataSchemaTypes = require("@wix/patterns-fields-utils/@wix/wix-data-schema-types");
+var _loadRicos = require("../cdn/load-ricos");
+var _richContent = require("../../../validations/rich-content");
 var _utils = require("../../../utils");
 var _services = require("./services");
 const useRCEPublishPromises = () => {
@@ -38,17 +37,17 @@ const useRichContentAutofix = ({
       if (!data) {
         return;
       }
-      const isStrictValid = (0, _autoFieldTypes.isDataValid)(data, _wixDataSchemaTypes.FieldType.richContent, {
-        strict: true
-      });
-      if (isStrictValid) {
+      if (await (0, _richContent.isStrictValidAsync)(data)) {
         return;
       }
       const fixedData = await richContentDocumentService.convertToRichContent(data);
       if (!fixedData) {
         return;
       }
-      const [plainText, fixedPlainText] = await Promise.all([(0, _content.toPlainText)(data), (0, _content.toPlainText)(fixedData)]);
+      const {
+        toPlainText
+      } = await (0, _loadRicos.loadRicosFromCdn)();
+      const [plainText, fixedPlainText] = await Promise.all([toPlainText(data), toPlainText(fixedData)]);
       if (plainText !== fixedPlainText) {
         return;
       }

package/dist/cjs/components/rich-content/rich-content-input/hooks.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_content","_autoFieldTypes","_wixDataSchemaTypes","_utils","_services","useRCEPublishPromises","rcePublishPromises","useRef","useMemo","push","promise","current","clean","getAll","allSettled","Promise","exports","useRichContentAutofix","data","onChange","richContentDocumentService","useRichContentDocumentService","useEffect","autofixRichContent","isStrictValid","isDataValid","FieldType","richContent","strict","fixedData","convertToRichContent","plainText","fixedPlainText","all","toPlainText","catch","noop"],"sources":["../../../../../src/components/rich-content/rich-content-input/hooks.ts"],"sourcesContent":["import { useEffect, useMemo, useRef } from 'react';\n\nimport { toPlainText, type RichContent } from '@wix/ricos/content';\nimport { isDataValid } from '../../../auto-field-types';\nimport { FieldType } from '@wix/patterns-fields-utils/@wix/wix-data-schema-types';\n\nimport { noop } from '../../../utils';\n\nimport { useRichContentDocumentService } from './services';\nimport type { RichContentInputProps } from './rich-content-common';\n\ntype RCEPublishPromise = Promise<RichContent>;\n\nexport const useRCEPublishPromises = () => {\n  const rcePublishPromises = useRef<RCEPublishPromise[]>([]);\n\n  return useMemo(() => {\n    const push = (promise: RCEPublishPromise) => {\n      rcePublishPromises.current.push(promise);\n    };\n\n    const clean = () => {\n      rcePublishPromises.current = [];\n    };\n\n    const getAll = () => rcePublishPromises.current;\n\n    const allSettled = () => Promise.allSettled(getAll());\n\n    return {\n      push,\n      clean,\n      getAll,\n      allSettled,\n    };\n  }, []);\n};\n\nexport const useRichContentAutofix = ({\n  data,\n  onChange,\n}: Pick<RichContentInputProps, 'data' | 'onChange'>) => {\n  const richContentDocumentService = useRichContentDocumentService();\n\n  useEffect(() => {\n    const autofixRichContent = async () => {\n      if (!data) {\n        return;\n      }\n\n      const isStrictValid = isDataValid(data, FieldType.richContent, {\n        strict: true,\n      });\n\n      if (isStrictValid) {\n        return;\n      }\n\n      const fixedData = await richContentDocumentService.convertToRichContent(\n        data,\n      );\n\n      if (!fixedData) {\n        return;\n      }\n\n      const [plainText, fixedPlainText] = await Promise.all([\n        toPlainText(data),\n        toPlainText(fixedData),\n      ]);\n\n      if (plainText !== fixedPlainText) {\n        return;\n      }\n\n      onChange(fixedData);\n    };\n\n    autofixRichContent().catch(noop);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AAEA,IAAAK,SAAA,GAAAL,OAAA;AAKO,MAAMM,qBAAqB,GAAGA,CAAA,KAAM;EACzC,MAAMC,kBAAkB,GAAG,IAAAC,aAAM,EAAsB,EAAE,CAAC;EAE1D,OAAO,IAAAC,cAAO,EAAC,MAAM;IACnB,MAAMC,IAAI,GAAIC,OAA0B,IAAK;MAC3CJ,kBAAkB,CAACK,OAAO,CAACF,IAAI,CAACC,OAAO,CAAC;IAC1C,CAAC;IAED,MAAME,KAAK,GAAGA,CAAA,KAAM;MAClBN,kBAAkB,CAACK,OAAO,GAAG,EAAE;IACjC,CAAC;IAED,MAAME,MAAM,GAAGA,CAAA,KAAMP,kBAAkB,CAACK,OAAO;IAE/C,MAAMG,UAAU,GAAGA,CAAA,KAAMC,OAAO,CAACD,UAAU,CAACD,MAAM,CAAC,CAAC,CAAC;IAErD,OAAO;MACLJ,IAAI;MACJG,KAAK;MACLC,MAAM;MACNC;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAACE,OAAA,CAAAX,qBAAA,GAAAA,qBAAA;AAEK,MAAMY,qBAAqB,GAAGA,CAAC;EACpCC,IAAI;EACJC;AACgD,CAAC,KAAK;EACtD,MAAMC,0BAA0B,GAAG,IAAAC,uCAA6B,EAAC,CAAC;EAElE,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,kBAAkB,GAAG,MAAAA,CAAA,KAAY;MACrC,IAAI,CAACL,IAAI,EAAE;QACT;MACF;MAEA,MAAMM,aAAa,GAAG,IAAAC,2BAAW,EAACP,IAAI,EAAEQ,6BAAS,CAACC,WAAW,EAAE;QAC7DC,MAAM,EAAE;MACV,CAAC,CAAC;MAEF,IAAIJ,aAAa,EAAE;QACjB;MACF;MAEA,MAAMK,SAAS,GAAG,MAAMT,0BAA0B,CAACU,oBAAoB,CACrEZ,IACF,CAAC;MAED,IAAI,CAACW,SAAS,EAAE;QACd;MACF;MAEA,MAAM,CAACE,SAAS,EAAEC,cAAc,CAAC,GAAG,MAAMjB,OAAO,CAACkB,GAAG,CAAC,CACpD,IAAAC,oBAAW,EAAChB,IAAI,CAAC,EACjB,IAAAgB,oBAAW,EAACL,SAAS,CAAC,CACvB,CAAC;MAEF,IAAIE,SAAS,KAAKC,cAAc,EAAE;QAChC;MACF;MAEAb,QAAQ,CAACU,SAAS,CAAC;IACrB,CAAC;IAEDN,kBAAkB,CAAC,CAAC,CAACY,KAAK,CAACC,WAAI,CAAC;IAChC;EACF,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAACpB,OAAA,CAAAC,qBAAA,GAAAA,qBAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_loadRicos","_richContent","_utils","_services","useRCEPublishPromises","rcePublishPromises","useRef","useMemo","push","promise","current","clean","getAll","allSettled","Promise","exports","useRichContentAutofix","data","onChange","richContentDocumentService","useRichContentDocumentService","useEffect","autofixRichContent","isStrictValidAsync","fixedData","convertToRichContent","toPlainText","loadRicosFromCdn","plainText","fixedPlainText","all","catch","noop"],"sources":["../../../../../src/components/rich-content/rich-content-input/hooks.ts"],"sourcesContent":["import { useEffect, useMemo, useRef } from 'react';\n\nimport type { RichContent } from '@wix/patterns-fields-utils/@wix/patterns-fields-bundled-ricos';\n\nimport { loadRicosFromCdn } from '../cdn/load-ricos';\nimport { isStrictValidAsync } from '../../../validations/rich-content';\nimport { noop } from '../../../utils';\n\nimport { useRichContentDocumentService } from './services';\nimport type { RichContentInputProps } from './rich-content-common';\n\ntype RCEPublishPromise = Promise<RichContent>;\n\nexport const useRCEPublishPromises = () => {\n  const rcePublishPromises = useRef<RCEPublishPromise[]>([]);\n\n  return useMemo(() => {\n    const push = (promise: RCEPublishPromise) => {\n      rcePublishPromises.current.push(promise);\n    };\n\n    const clean = () => {\n      rcePublishPromises.current = [];\n    };\n\n    const getAll = () => rcePublishPromises.current;\n\n    const allSettled = () => Promise.allSettled(getAll());\n\n    return {\n      push,\n      clean,\n      getAll,\n      allSettled,\n    };\n  }, []);\n};\n\nexport const useRichContentAutofix = ({\n  data,\n  onChange,\n}: Pick<RichContentInputProps, 'data' | 'onChange'>) => {\n  const richContentDocumentService = useRichContentDocumentService();\n\n  useEffect(() => {\n    const autofixRichContent = async () => {\n      if (!data) {\n        return;\n      }\n\n      if (await isStrictValidAsync(data)) {\n        return;\n      }\n\n      const fixedData = await richContentDocumentService.convertToRichContent(\n        data,\n      );\n\n      if (!fixedData) {\n        return;\n      }\n\n      const { toPlainText } = await loadRicosFromCdn();\n      const [plainText, fixedPlainText] = await Promise.all([\n        toPlainText(data),\n        toPlainText(fixedData),\n      ]);\n\n      if (plainText !== fixedPlainText) {\n        return;\n      }\n\n      onChange(fixedData);\n    };\n\n    autofixRichContent().catch(noop);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,SAAA,GAAAJ,OAAA;AAKO,MAAMK,qBAAqB,GAAGA,CAAA,KAAM;EACzC,MAAMC,kBAAkB,GAAG,IAAAC,aAAM,EAAsB,EAAE,CAAC;EAE1D,OAAO,IAAAC,cAAO,EAAC,MAAM;IACnB,MAAMC,IAAI,GAAIC,OAA0B,IAAK;MAC3CJ,kBAAkB,CAACK,OAAO,CAACF,IAAI,CAACC,OAAO,CAAC;IAC1C,CAAC;IAED,MAAME,KAAK,GAAGA,CAAA,KAAM;MAClBN,kBAAkB,CAACK,OAAO,GAAG,EAAE;IACjC,CAAC;IAED,MAAME,MAAM,GAAGA,CAAA,KAAMP,kBAAkB,CAACK,OAAO;IAE/C,MAAMG,UAAU,GAAGA,CAAA,KAAMC,OAAO,CAACD,UAAU,CAACD,MAAM,CAAC,CAAC,CAAC;IAErD,OAAO;MACLJ,IAAI;MACJG,KAAK;MACLC,MAAM;MACNC;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAACE,OAAA,CAAAX,qBAAA,GAAAA,qBAAA;AAEK,MAAMY,qBAAqB,GAAGA,CAAC;EACpCC,IAAI;EACJC;AACgD,CAAC,KAAK;EACtD,MAAMC,0BAA0B,GAAG,IAAAC,uCAA6B,EAAC,CAAC;EAElE,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,kBAAkB,GAAG,MAAAA,CAAA,KAAY;MACrC,IAAI,CAACL,IAAI,EAAE;QACT;MACF;MAEA,IAAI,MAAM,IAAAM,+BAAkB,EAACN,IAAI,CAAC,EAAE;QAClC;MACF;MAEA,MAAMO,SAAS,GAAG,MAAML,0BAA0B,CAACM,oBAAoB,CACrER,IACF,CAAC;MAED,IAAI,CAACO,SAAS,EAAE;QACd;MACF;MAEA,MAAM;QAAEE;MAAY,CAAC,GAAG,MAAM,IAAAC,2BAAgB,EAAC,CAAC;MAChD,MAAM,CAACC,SAAS,EAAEC,cAAc,CAAC,GAAG,MAAMf,OAAO,CAACgB,GAAG,CAAC,CACpDJ,WAAW,CAACT,IAAI,CAAC,EACjBS,WAAW,CAACF,SAAS,CAAC,CACvB,CAAC;MAEF,IAAII,SAAS,KAAKC,cAAc,EAAE;QAChC;MACF;MAEAX,QAAQ,CAACM,SAAS,CAAC;IACrB,CAAC;IAEDF,kBAAkB,CAAC,CAAC,CAACS,KAAK,CAACC,WAAI,CAAC;IAChC;EACF,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAACjB,OAAA,CAAAC,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "fullscreenmodal4273271827";
+var _namespace_ = "fullscreenmodal4177253419";
 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": "fullscreenmodal4273271827__root",
-  "modalContent": "fullscreenmodal4273271827__modalContent"
+  "root": "fullscreenmodal4177253419__root",
+  "modalContent": "fullscreenmodal4177253419__modalContent"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"fullscreenmodal4273271827\";\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\":\"fullscreenmodal4273271827__root\",\"modalContent\":\"fullscreenmodal4273271827__modalContent\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wsr-border-radius-06\":\"--wsr-border-radius-06\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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,iCAAiC;EAAC,cAAc,EAAC;AAAyC,CAAC;AACjH,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;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,eAAe,EAAC,iBAAiB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,sBAAsB,EAAC;AAAwB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"fullscreenmodal4177253419\";\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\":\"fullscreenmodal4177253419__root\",\"modalContent\":\"fullscreenmodal4177253419__modalContent\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wsr-border-radius-06\":\"--wsr-border-radius-06\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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,iCAAiC;EAAC,cAAc,EAAC;AAAyC,CAAC;AACjH,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;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,eAAe,EAAC,iBAAiB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,sBAAsB,EAAC;AAAwB,CAAC","ignoreList":[]}

package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/hooks.js

@@ -5,11 +5,23 @@ exports.__esModule = true;
 exports.useWixRicosProps = exports.useRicosBISettings = exports.useRichContentState = exports.INITIAL_INJECTED_RICH_CONTENT = void 0;
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 var _react = require("react");
-var _ricos = require("@wix/ricos");
+var _patternsFieldsBundledRicos = require("@wix/patterns-fields-utils/@wix/patterns-fields-bundled-ricos");
 var _react2 = require("@wix/bex-core/react");
 var _consts = require("../consts");
-const INITIAL_INJECTED_RICH_CONTENT = exports.INITIAL_INJECTED_RICH_CONTENT = (0, _ricos.fromPlainText)('');
-const ensureRichContent = content => content && (0, _ricos.ensureContentId)(content);
+/**
+ * Sentinel for "nothing has been injected into the editor yet".
+ *
+ * A plain frozen literal rather than `fromPlainText('')`: every use is either an
+ * identity comparison against this exact object (`isEqual` in
+ * `rich-content-editor.tsx`, which the effect uses to skip injecting) or an empty
+ * fallback returned from an async publish that failed. It is never handed to
+ * ricos as content, so it does not need ricos to build it — and building it
+ * eagerly is what forced the content helpers into module scope.
+ */
+const INITIAL_INJECTED_RICH_CONTENT = exports.INITIAL_INJECTED_RICH_CONTENT = Object.freeze({
+  nodes: []
+});
+const ensureRichContent = content => content && (0, _patternsFieldsBundledRicos.ensureContentId)(content);
 const useRichContentState = propsContent => {
   const [content, setContent] = (0, _react.useState)(ensureRichContent(propsContent));
   const [injectedContent, setInjectedContent] = (0, _react.useState)(INITIAL_INJECTED_RICH_CONTENT);

package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/hooks.js.map

@@ -1 +1 @@
-{"version":3,"names":["_isEqual","_interopRequireDefault","require","_react","_ricos","_react2","_consts","INITIAL_INJECTED_RICH_CONTENT","exports","fromPlainText","ensureRichContent","content","ensureContentId","useRichContentState","propsContent","setContent","useState","injectedContent","setInjectedContent","prevContentRef","useRef","useEffect","isEqual","current","richContent","injectedRichContent","useWixRicosProps","patternsContainer","useWixPatternsContainer","locale","environment","language","CMS_RICOS_CONSUMER","CMS_RICOS_PLATFORM","useRicosBISettings","usage","itemId","useMemo","containerId","CMS_RICOS_APP_ID","consumer","platform","postId"],"sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-common/hooks.ts"],"sourcesContent":["import isEqual from 'lodash/isEqual';\nimport { useRef, useMemo, useState, useEffect } from 'react';\n\nimport type { BISettings, RicosDocument } from '@wix/ricos';\nimport { ensureContentId, fromPlainText } from '@wix/ricos';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nimport { CMS_RICOS_APP_ID } from '../consts';\n\nexport const INITIAL_INJECTED_RICH_CONTENT = fromPlainText('');\n\nconst ensureRichContent = (content?: RicosDocument) =>\n  content && ensureContentId(content);\n\nexport const useRichContentState = (propsContent?: RicosDocument) => {\n  const [content, setContent] = useState(ensureRichContent(propsContent));\n  const [injectedContent, setInjectedContent] = useState(\n    INITIAL_INJECTED_RICH_CONTENT,\n  );\n\n  const prevContentRef = useRef(propsContent);\n  useEffect(() => {\n    if (isEqual(propsContent, prevContentRef.current)) {\n      return;\n    }\n\n    const richContent = ensureRichContent(propsContent);\n\n    setContent(richContent);\n    setInjectedContent((injectedRichContent) => {\n      if (!richContent) {\n        return INITIAL_INJECTED_RICH_CONTENT;\n      }\n\n      return !isEqual(richContent, injectedRichContent)\n        ? richContent\n        : injectedRichContent;\n    });\n\n    prevContentRef.current = propsContent;\n  }, [propsContent]);\n\n  return [content, setContent, injectedContent] as const;\n};\n\nexport const useWixRicosProps = () => {\n  const patternsContainer = useWixPatternsContainer();\n  // console.log('[Rich Content] environment:', patternsContainer.environment);\n  const locale = patternsContainer.environment.language || 'en';\n\n  return { locale };\n};\n\nconst CMS_RICOS_CONSUMER = 'wix-data-editor';\nconst CMS_RICOS_PLATFORM = 'BM';\n\nexport const useRicosBISettings = (usage?: string, itemId = '$new') =>\n  useMemo<BISettings>(\n    () => ({\n      containerId: CMS_RICOS_APP_ID,\n      consumer: CMS_RICOS_CONSUMER,\n      platform: CMS_RICOS_PLATFORM,\n      postId: itemId,\n      usage,\n    }),\n    [usage, itemId],\n  );\n"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAGA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAEO,MAAMK,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG,IAAAE,oBAAa,EAAC,EAAE,CAAC;AAE9D,MAAMC,iBAAiB,GAAIC,OAAuB,IAChDA,OAAO,IAAI,IAAAC,sBAAe,EAACD,OAAO,CAAC;AAE9B,MAAME,mBAAmB,GAAIC,YAA4B,IAAK;EACnE,MAAM,CAACH,OAAO,EAAEI,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAACN,iBAAiB,CAACI,YAAY,CAAC,CAAC;EACvE,MAAM,CAACG,eAAe,EAAEC,kBAAkB,CAAC,GAAG,IAAAF,eAAQ,EACpDT,6BACF,CAAC;EAED,MAAMY,cAAc,GAAG,IAAAC,aAAM,EAACN,YAAY,CAAC;EAC3C,IAAAO,gBAAS,EAAC,MAAM;IACd,IAAI,IAAAC,gBAAO,EAACR,YAAY,EAAEK,cAAc,CAACI,OAAO,CAAC,EAAE;MACjD;IACF;IAEA,MAAMC,WAAW,GAAGd,iBAAiB,CAACI,YAAY,CAAC;IAEnDC,UAAU,CAACS,WAAW,CAAC;IACvBN,kBAAkB,CAAEO,mBAAmB,IAAK;MAC1C,IAAI,CAACD,WAAW,EAAE;QAChB,OAAOjB,6BAA6B;MACtC;MAEA,OAAO,CAAC,IAAAe,gBAAO,EAACE,WAAW,EAAEC,mBAAmB,CAAC,GAC7CD,WAAW,GACXC,mBAAmB;IACzB,CAAC,CAAC;IAEFN,cAAc,CAACI,OAAO,GAAGT,YAAY;EACvC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,OAAO,CAACH,OAAO,EAAEI,UAAU,EAAEE,eAAe,CAAC;AAC/C,CAAC;AAACT,OAAA,CAAAK,mBAAA,GAAAA,mBAAA;AAEK,MAAMa,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAMC,iBAAiB,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EACnD;EACA,MAAMC,MAAM,GAAGF,iBAAiB,CAACG,WAAW,CAACC,QAAQ,IAAI,IAAI;EAE7D,OAAO;IAAEF;EAAO,CAAC;AACnB,CAAC;AAACrB,OAAA,CAAAkB,gBAAA,GAAAA,gBAAA;AAEF,MAAMM,kBAAkB,GAAG,iBAAiB;AAC5C,MAAMC,kBAAkB,GAAG,IAAI;AAExB,MAAMC,kBAAkB,GAAGA,CAACC,KAAc,EAAEC,MAAM,GAAG,MAAM,KAChE,IAAAC,cAAO,EACL,OAAO;EACLC,WAAW,EAAEC,wBAAgB;EAC7BC,QAAQ,EAAER,kBAAkB;EAC5BS,QAAQ,EAAER,kBAAkB;EAC5BS,MAAM,EAAEN,MAAM;EACdD;AACF,CAAC,CAAC,EACF,CAACA,KAAK,EAAEC,MAAM,CAChB,CAAC;AAAC5B,OAAA,CAAA0B,kBAAA,GAAAA,kBAAA","ignoreList":[]}
+{"version":3,"names":["_isEqual","_interopRequireDefault","require","_react","_patternsFieldsBundledRicos","_react2","_consts","INITIAL_INJECTED_RICH_CONTENT","exports","Object","freeze","nodes","ensureRichContent","content","ensureContentId","useRichContentState","propsContent","setContent","useState","injectedContent","setInjectedContent","prevContentRef","useRef","useEffect","isEqual","current","richContent","injectedRichContent","useWixRicosProps","patternsContainer","useWixPatternsContainer","locale","environment","language","CMS_RICOS_CONSUMER","CMS_RICOS_PLATFORM","useRicosBISettings","usage","itemId","useMemo","containerId","CMS_RICOS_APP_ID","consumer","platform","postId"],"sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-common/hooks.ts"],"sourcesContent":["import isEqual from 'lodash/isEqual';\nimport { useRef, useMemo, useState, useEffect } from 'react';\n\nimport type { BISettings, RicosDocument } from '@wix/patterns-fields-utils/@wix/patterns-fields-bundled-ricos';\nimport { ensureContentId } from '@wix/patterns-fields-utils/@wix/patterns-fields-bundled-ricos';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nimport { CMS_RICOS_APP_ID } from '../consts';\n\n/**\n * Sentinel for \"nothing has been injected into the editor yet\".\n *\n * A plain frozen literal rather than `fromPlainText('')`: every use is either an\n * identity comparison against this exact object (`isEqual` in\n * `rich-content-editor.tsx`, which the effect uses to skip injecting) or an empty\n * fallback returned from an async publish that failed. It is never handed to\n * ricos as content, so it does not need ricos to build it — and building it\n * eagerly is what forced the content helpers into module scope.\n */\nexport const INITIAL_INJECTED_RICH_CONTENT = Object.freeze({\n  nodes: [],\n}) as RicosDocument;\n\nconst ensureRichContent = (content?: RicosDocument) =>\n  content && ensureContentId(content);\n\nexport const useRichContentState = (propsContent?: RicosDocument) => {\n  const [content, setContent] = useState(ensureRichContent(propsContent));\n  const [injectedContent, setInjectedContent] = useState(\n    INITIAL_INJECTED_RICH_CONTENT,\n  );\n\n  const prevContentRef = useRef(propsContent);\n  useEffect(() => {\n    if (isEqual(propsContent, prevContentRef.current)) {\n      return;\n    }\n\n    const richContent = ensureRichContent(propsContent);\n\n    setContent(richContent);\n    setInjectedContent((injectedRichContent) => {\n      if (!richContent) {\n        return INITIAL_INJECTED_RICH_CONTENT;\n      }\n\n      return !isEqual(richContent, injectedRichContent)\n        ? richContent\n        : injectedRichContent;\n    });\n\n    prevContentRef.current = propsContent;\n  }, [propsContent]);\n\n  return [content, setContent, injectedContent] as const;\n};\n\nexport const useWixRicosProps = () => {\n  const patternsContainer = useWixPatternsContainer();\n  // console.log('[Rich Content] environment:', patternsContainer.environment);\n  const locale = patternsContainer.environment.language || 'en';\n\n  return { locale };\n};\n\nconst CMS_RICOS_CONSUMER = 'wix-data-editor';\nconst CMS_RICOS_PLATFORM = 'BM';\n\nexport const useRicosBISettings = (usage?: string, itemId = '$new') =>\n  useMemo<BISettings>(\n    () => ({\n      containerId: CMS_RICOS_APP_ID,\n      consumer: CMS_RICOS_CONSUMER,\n      platform: CMS_RICOS_PLATFORM,\n      postId: itemId,\n      usage,\n    }),\n    [usage, itemId],\n  );\n"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAGA,IAAAE,2BAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMK,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAGE,MAAM,CAACC,MAAM,CAAC;EACzDC,KAAK,EAAE;AACT,CAAC,CAAkB;AAEnB,MAAMC,iBAAiB,GAAIC,OAAuB,IAChDA,OAAO,IAAI,IAAAC,2CAAe,EAACD,OAAO,CAAC;AAE9B,MAAME,mBAAmB,GAAIC,YAA4B,IAAK;EACnE,MAAM,CAACH,OAAO,EAAEI,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAACN,iBAAiB,CAACI,YAAY,CAAC,CAAC;EACvE,MAAM,CAACG,eAAe,EAAEC,kBAAkB,CAAC,GAAG,IAAAF,eAAQ,EACpDX,6BACF,CAAC;EAED,MAAMc,cAAc,GAAG,IAAAC,aAAM,EAACN,YAAY,CAAC;EAC3C,IAAAO,gBAAS,EAAC,MAAM;IACd,IAAI,IAAAC,gBAAO,EAACR,YAAY,EAAEK,cAAc,CAACI,OAAO,CAAC,EAAE;MACjD;IACF;IAEA,MAAMC,WAAW,GAAGd,iBAAiB,CAACI,YAAY,CAAC;IAEnDC,UAAU,CAACS,WAAW,CAAC;IACvBN,kBAAkB,CAAEO,mBAAmB,IAAK;MAC1C,IAAI,CAACD,WAAW,EAAE;QAChB,OAAOnB,6BAA6B;MACtC;MAEA,OAAO,CAAC,IAAAiB,gBAAO,EAACE,WAAW,EAAEC,mBAAmB,CAAC,GAC7CD,WAAW,GACXC,mBAAmB;IACzB,CAAC,CAAC;IAEFN,cAAc,CAACI,OAAO,GAAGT,YAAY;EACvC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,OAAO,CAACH,OAAO,EAAEI,UAAU,EAAEE,eAAe,CAAC;AAC/C,CAAC;AAACX,OAAA,CAAAO,mBAAA,GAAAA,mBAAA;AAEK,MAAMa,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAMC,iBAAiB,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EACnD;EACA,MAAMC,MAAM,GAAGF,iBAAiB,CAACG,WAAW,CAACC,QAAQ,IAAI,IAAI;EAE7D,OAAO;IAAEF;EAAO,CAAC;AACnB,CAAC;AAACvB,OAAA,CAAAoB,gBAAA,GAAAA,gBAAA;AAEF,MAAMM,kBAAkB,GAAG,iBAAiB;AAC5C,MAAMC,kBAAkB,GAAG,IAAI;AAExB,MAAMC,kBAAkB,GAAGA,CAACC,KAAc,EAAEC,MAAM,GAAG,MAAM,KAChE,IAAAC,cAAO,EACL,OAAO;EACLC,WAAW,EAAEC,wBAAgB;EAC7BC,QAAQ,EAAER,kBAAkB;EAC5BS,QAAQ,EAAER,kBAAkB;EAC5BS,MAAM,EAAEN,MAAM;EACdD;AACF,CAAC,CAAC,EACF,CAACA,KAAK,EAAEC,MAAM,CAChB,CAAC;AAAC9B,OAAA,CAAA4B,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "publishloader4160359936";
+var _namespace_ = "publishloader2154525844";
 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": "publishloader4160359936__root",
-  "publishLoader": "publishloader4160359936__publishLoader"
+  "root": "publishloader2154525844__root",
+  "publishLoader": "publishloader2154525844__publishLoader"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"publishloader4160359936\";\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\":\"publishloader4160359936__root\",\"publishLoader\":\"publishloader4160359936__publishLoader\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,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,+BAA+B;EAAC,eAAe,EAAC;AAAwC,CAAC;AAC/G,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;EAAC,iBAAiB,EAAC;AAAmB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"publishloader2154525844\";\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\":\"publishloader2154525844__root\",\"publishLoader\":\"publishloader2154525844__publishLoader\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,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,+BAA+B;EAAC,eAAe,EAAC;AAAwC,CAAC;AAC/G,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;EAAC,iBAAiB,EAAC;AAAmB,CAAC","ignoreList":[]}

package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "togglefullscreenbutton230730659";
+var _namespace_ = "togglefullscreenbutton3469017194";
 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": "togglefullscreenbutton230730659__root"
+  "root": "togglefullscreenbutton3469017194__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"togglefullscreenbutton230730659\";\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\":\"togglefullscreenbutton230730659__root\"};\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,iCAAiC;AACnD,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;AAAuC,CAAC;AAC9D,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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"togglefullscreenbutton3469017194\";\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\":\"togglefullscreenbutton3469017194__root\"};\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,kCAAkC;AACpD,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;AAAwC,CAAC;AAC/D,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/components/rich-content/rich-content-input/rich-content-common/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-common/types.ts"],"sourcesContent":["import type Experiments from '@wix/wix-experiments';\nimport type { RichContent, RicosTheme } from '@wix/ricos';\n\nimport type { ColorScheme } from '../../types';\n\nexport interface RichContentInputProps {\n  theme: RicosTheme;\n  colorScheme?: ColorScheme;\n  experiments: Experiments;\n  data?: RichContent;\n  onChange: (data?: RichContent) => void;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-common/types.ts"],"sourcesContent":["import type Experiments from '@wix/wix-experiments';\nimport type { RichContent, RicosTheme } from '@wix/patterns-fields-utils/@wix/patterns-fields-bundled-ricos';\n\nimport type { ColorScheme } from '../../types';\n\nexport interface RichContentInputProps {\n  theme: RicosTheme;\n  colorScheme?: ColorScheme;\n  experiments: Experiments;\n  data?: RichContent;\n  onChange: (data?: RichContent) => void;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/plugins.js

@@ -3,44 +3,51 @@
 exports.__esModule = true;
 exports.usePlugins = void 0;
 var _react = require("react");
-var _ricos = require("@wix/ricos");
 var _utils = require("../../../../utils");
 var _consts = require("../consts");
-const {
-  Instagram,
-  Twitter,
-  TikTok
-} = _ricos.LinkPreviewProviders;
-const {
-  event,
-  booking,
-  product
-} = _ricos.verticalEmbedProviders;
 const layoutPlugin = {
   type: 'LAYOUT',
   showInQuickActions: true,
   showInToolbars: true
 };
-const usePlugins = colorScheme => {
-  return (0, _react.useMemo)(() => [(0, _ricos.pluginHeadings)({
-    inlinePopups: true
-  }), (0, _ricos.pluginTextColor)({
-    inlinePopups: true,
-    colorScheme
-  }), (0, _ricos.pluginTextHighlight)({
-    inlinePopups: true,
-    colorScheme
-  }), (0, _ricos.pluginLineSpacing)({
-    inlinePopups: true
-  }), (0, _ricos.pluginIndent)(), (0, _ricos.pluginLink)(), (0, _ricos.pluginImage)(), (0, _ricos.pluginVideo)(), (0, _ricos.pluginGallery)(), (0, _ricos.pluginDivider)(), (0, _ricos.pluginTable)({
-    toolbar: {}
-  }), (0, _ricos.pluginAi)({
-    appDefId: _consts.CMS_RICOS_APP_ID
-  }), (0, _ricos.pluginFileUpload)(), (0, _ricos.pluginHtml)(), (0, _ricos.pluginLinkPreview)({
-    exposeEmbedButtons: [Instagram, Twitter, TikTok]
-  }), (0, _ricos.pluginVerticalEmbed)({
-    exposeEmbedButtons: [event, booking, product]
-  }), (0, _ricos.pluginCodeBlock)(), (0, _ricos.pluginEmoji)(), (0, _ricos.pluginSpoiler)(), (0, _ricos.pluginGiphy)(), (0, _ricos.pluginCollapsibleList)(), (0, _ricos.pluginLinkButton)(), layoutPlugin].filter(_utils.isTruthy), [colorScheme]);
+
+/**
+ * Plugin creators come from the CDN module, so this returns an empty list until
+ * it has loaded. The editor is not rendered before then, so nothing sees it.
+ */
+const usePlugins = (ricos, colorScheme) => {
+  return (0, _react.useMemo)(() => {
+    if (!ricos) {
+      return [];
+    }
+    const {
+      Instagram,
+      Twitter,
+      TikTok
+    } = ricos.LinkPreviewProviders;
+    const {
+      event,
+      booking,
+      product
+    } = ricos.verticalEmbedProviders;
+    return [ricos.pluginHeadings(), ricos.pluginTextColor({
+      inlinePopups: true,
+      colorScheme
+    }), ricos.pluginTextHighlight({
+      inlinePopups: true,
+      colorScheme
+    }), ricos.pluginLineSpacing({
+      inlinePopups: true
+    }), ricos.pluginIndent(), ricos.pluginLink(), ricos.pluginImage(), ricos.pluginVideo(), ricos.pluginGallery(), ricos.pluginDivider(), ricos.pluginTable({
+      toolbar: {}
+    }), ricos.pluginAi({
+      appDefId: _consts.CMS_RICOS_APP_ID
+    }), ricos.pluginFileUpload(), ricos.pluginHtml(), ricos.pluginLinkPreview({
+      exposeEmbedButtons: [Instagram, Twitter, TikTok]
+    }), ricos.pluginVerticalEmbed({
+      exposeEmbedButtons: [event, booking, product]
+    }), ricos.pluginCodeBlock(), ricos.pluginEmoji(), ricos.pluginSpoiler(), ricos.pluginGiphy(), ricos.pluginCollapsibleList(), ricos.pluginLinkButton(), layoutPlugin].filter(_utils.isTruthy);
+  }, [ricos, colorScheme]);
 };
 exports.usePlugins = usePlugins;
 //# sourceMappingURL=plugins.js.map

package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/plugins.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_ricos","_utils","_consts","Instagram","Twitter","TikTok","LinkPreviewProviders","event","booking","product","verticalEmbedProviders","layoutPlugin","type","showInQuickActions","showInToolbars","usePlugins","colorScheme","useMemo","pluginHeadings","inlinePopups","pluginTextColor","pluginTextHighlight","pluginLineSpacing","pluginIndent","pluginLink","pluginImage","pluginVideo","pluginGallery","pluginDivider","pluginTable","toolbar","pluginAi","appDefId","CMS_RICOS_APP_ID","pluginFileUpload","pluginHtml","pluginLinkPreview","exposeEmbedButtons","pluginVerticalEmbed","pluginCodeBlock","pluginEmoji","pluginSpoiler","pluginGiphy","pluginCollapsibleList","pluginLinkButton","filter","isTruthy","exports"],"sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/plugins.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { EditorPlugin, EditorPluginOptions } from '@wix/ricos';\nimport {\n  pluginTextColor,\n  pluginTextHighlight,\n  pluginHeadings,\n  pluginLink,\n  pluginLineSpacing,\n  pluginImage,\n  pluginVideo,\n  pluginDivider,\n  pluginFileUpload,\n  pluginHtml,\n  pluginLinkPreview,\n  LinkPreviewProviders,\n  pluginVerticalEmbed,\n  verticalEmbedProviders,\n  pluginEmoji,\n  pluginSpoiler,\n  pluginGiphy,\n  pluginCodeBlock,\n  pluginGallery,\n  pluginCollapsibleList,\n  pluginIndent,\n  pluginTable,\n  pluginLinkButton,\n  pluginAi,\n} from '@wix/ricos';\n\nimport { isTruthy } from '../../../../utils';\nimport type { ColorScheme } from '../../types';\nimport { CMS_RICOS_APP_ID } from '../consts';\n\nconst { Instagram, Twitter, TikTok } = LinkPreviewProviders;\nconst { event, booking, product } = verticalEmbedProviders;\n\nconst layoutPlugin: EditorPluginOptions = {\n  type: 'LAYOUT',\n  showInQuickActions: true,\n  showInToolbars: true,\n};\n\nexport const usePlugins = (colorScheme?: ColorScheme) => {\n  return useMemo<(EditorPlugin | EditorPluginOptions)[]>(\n    () =>\n      [\n        pluginHeadings({ inlinePopups: true }),\n        pluginTextColor({\n          inlinePopups: true,\n          colorScheme,\n        }),\n        pluginTextHighlight({\n          inlinePopups: true,\n          colorScheme,\n        }),\n        pluginLineSpacing({ inlinePopups: true }),\n        pluginIndent(),\n        pluginLink(),\n        pluginImage(),\n        pluginVideo(),\n        pluginGallery(),\n        pluginDivider(),\n        pluginTable({ toolbar: {} }),\n        pluginAi({\n          appDefId: CMS_RICOS_APP_ID,\n        }) as unknown as EditorPlugin,\n        pluginFileUpload(),\n        pluginHtml(),\n        pluginLinkPreview({\n          exposeEmbedButtons: [Instagram, Twitter, TikTok],\n        }),\n        pluginVerticalEmbed({\n          exposeEmbedButtons: [event, booking, product],\n        }),\n        pluginCodeBlock(),\n        pluginEmoji(),\n        pluginSpoiler(),\n        pluginGiphy(),\n        pluginCollapsibleList(),\n        pluginLinkButton(),\n        layoutPlugin,\n      ].filter(isTruthy),\n    [colorScheme],\n  );\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AA2BA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAEA,MAAM;EAAEI,SAAS;EAAEC,OAAO;EAAEC;AAAO,CAAC,GAAGC,2BAAoB;AAC3D,MAAM;EAAEC,KAAK;EAAEC,OAAO;EAAEC;AAAQ,CAAC,GAAGC,6BAAsB;AAE1D,MAAMC,YAAiC,GAAG;EACxCC,IAAI,EAAE,QAAQ;EACdC,kBAAkB,EAAE,IAAI;EACxBC,cAAc,EAAE;AAClB,CAAC;AAEM,MAAMC,UAAU,GAAIC,WAAyB,IAAK;EACvD,OAAO,IAAAC,cAAO,EACZ,MACE,CACE,IAAAC,qBAAc,EAAC;IAAEC,YAAY,EAAE;EAAK,CAAC,CAAC,EACtC,IAAAC,sBAAe,EAAC;IACdD,YAAY,EAAE,IAAI;IAClBH;EACF,CAAC,CAAC,EACF,IAAAK,0BAAmB,EAAC;IAClBF,YAAY,EAAE,IAAI;IAClBH;EACF,CAAC,CAAC,EACF,IAAAM,wBAAiB,EAAC;IAAEH,YAAY,EAAE;EAAK,CAAC,CAAC,EACzC,IAAAI,mBAAY,EAAC,CAAC,EACd,IAAAC,iBAAU,EAAC,CAAC,EACZ,IAAAC,kBAAW,EAAC,CAAC,EACb,IAAAC,kBAAW,EAAC,CAAC,EACb,IAAAC,oBAAa,EAAC,CAAC,EACf,IAAAC,oBAAa,EAAC,CAAC,EACf,IAAAC,kBAAW,EAAC;IAAEC,OAAO,EAAE,CAAC;EAAE,CAAC,CAAC,EAC5B,IAAAC,eAAQ,EAAC;IACPC,QAAQ,EAAEC;EACZ,CAAC,CAAC,EACF,IAAAC,uBAAgB,EAAC,CAAC,EAClB,IAAAC,iBAAU,EAAC,CAAC,EACZ,IAAAC,wBAAiB,EAAC;IAChBC,kBAAkB,EAAE,CAAClC,SAAS,EAAEC,OAAO,EAAEC,MAAM;EACjD,CAAC,CAAC,EACF,IAAAiC,0BAAmB,EAAC;IAClBD,kBAAkB,EAAE,CAAC9B,KAAK,EAAEC,OAAO,EAAEC,OAAO;EAC9C,CAAC,CAAC,EACF,IAAA8B,sBAAe,EAAC,CAAC,EACjB,IAAAC,kBAAW,EAAC,CAAC,EACb,IAAAC,oBAAa,EAAC,CAAC,EACf,IAAAC,kBAAW,EAAC,CAAC,EACb,IAAAC,4BAAqB,EAAC,CAAC,EACvB,IAAAC,uBAAgB,EAAC,CAAC,EAClBjC,YAAY,CACb,CAACkC,MAAM,CAACC,eAAQ,CAAC,EACpB,CAAC9B,WAAW,CACd,CAAC;AACH,CAAC;AAAC+B,OAAA,CAAAhC,UAAA,GAAAA,UAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_utils","_consts","layoutPlugin","type","showInQuickActions","showInToolbars","usePlugins","ricos","colorScheme","useMemo","Instagram","Twitter","TikTok","LinkPreviewProviders","event","booking","product","verticalEmbedProviders","pluginHeadings","pluginTextColor","inlinePopups","pluginTextHighlight","pluginLineSpacing","pluginIndent","pluginLink","pluginImage","pluginVideo","pluginGallery","pluginDivider","pluginTable","toolbar","pluginAi","appDefId","CMS_RICOS_APP_ID","pluginFileUpload","pluginHtml","pluginLinkPreview","exposeEmbedButtons","pluginVerticalEmbed","pluginCodeBlock","pluginEmoji","pluginSpoiler","pluginGiphy","pluginCollapsibleList","pluginLinkButton","filter","isTruthy","exports"],"sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/plugins.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type {\n  EditorPlugin,\n  EditorPluginOptions,\n} from '@wix/patterns-fields-utils/@wix/patterns-fields-ricos-statics';\n\nimport type { RicosCdnModule } from '../../cdn/types';\nimport { isTruthy } from '../../../../utils';\nimport type { ColorScheme } from '../../types';\nimport { CMS_RICOS_APP_ID } from '../consts';\n\nconst layoutPlugin: EditorPluginOptions = {\n  type: 'LAYOUT',\n  showInQuickActions: true,\n  showInToolbars: true,\n};\n\n/**\n * Plugin creators come from the CDN module, so this returns an empty list until\n * it has loaded. The editor is not rendered before then, so nothing sees it.\n */\nexport const usePlugins = (\n  ricos: RicosCdnModule | undefined,\n  colorScheme?: ColorScheme,\n) => {\n  return useMemo<(EditorPlugin | EditorPluginOptions)[]>(() => {\n    if (!ricos) {\n      return [];\n    }\n\n    const { Instagram, Twitter, TikTok } = ricos.LinkPreviewProviders;\n    const { event, booking, product } = ricos.verticalEmbedProviders;\n\n    return [\n      ricos.pluginHeadings(),\n      ricos.pluginTextColor({\n        inlinePopups: true,\n        colorScheme,\n      }),\n      ricos.pluginTextHighlight({\n        inlinePopups: true,\n        colorScheme,\n      }),\n      ricos.pluginLineSpacing({ inlinePopups: true }),\n      ricos.pluginIndent(),\n      ricos.pluginLink(),\n      ricos.pluginImage(),\n      ricos.pluginVideo(),\n      ricos.pluginGallery(),\n      ricos.pluginDivider(),\n      ricos.pluginTable({ toolbar: {} }),\n      ricos.pluginAi({\n        appDefId: CMS_RICOS_APP_ID,\n      }) as unknown as EditorPlugin,\n      ricos.pluginFileUpload(),\n      ricos.pluginHtml(),\n      ricos.pluginLinkPreview({\n        exposeEmbedButtons: [Instagram, Twitter, TikTok],\n      }),\n      ricos.pluginVerticalEmbed({\n        exposeEmbedButtons: [event, booking, product],\n      }),\n      ricos.pluginCodeBlock(),\n      ricos.pluginEmoji(),\n      ricos.pluginSpoiler(),\n      ricos.pluginGiphy(),\n      ricos.pluginCollapsibleList(),\n      ricos.pluginLinkButton(),\n      layoutPlugin,\n    ].filter(isTruthy);\n  }, [ricos, colorScheme]);\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAQA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAEA,MAAMG,YAAiC,GAAG;EACxCC,IAAI,EAAE,QAAQ;EACdC,kBAAkB,EAAE,IAAI;EACxBC,cAAc,EAAE;AAClB,CAAC;;AAED;AACA;AACA;AACA;AACO,MAAMC,UAAU,GAAGA,CACxBC,KAAiC,EACjCC,WAAyB,KACtB;EACH,OAAO,IAAAC,cAAO,EAAyC,MAAM;IAC3D,IAAI,CAACF,KAAK,EAAE;MACV,OAAO,EAAE;IACX;IAEA,MAAM;MAAEG,SAAS;MAAEC,OAAO;MAAEC;IAAO,CAAC,GAAGL,KAAK,CAACM,oBAAoB;IACjE,MAAM;MAAEC,KAAK;MAAEC,OAAO;MAAEC;IAAQ,CAAC,GAAGT,KAAK,CAACU,sBAAsB;IAEhE,OAAO,CACLV,KAAK,CAACW,cAAc,CAAC,CAAC,EACtBX,KAAK,CAACY,eAAe,CAAC;MACpBC,YAAY,EAAE,IAAI;MAClBZ;IACF,CAAC,CAAC,EACFD,KAAK,CAACc,mBAAmB,CAAC;MACxBD,YAAY,EAAE,IAAI;MAClBZ;IACF,CAAC,CAAC,EACFD,KAAK,CAACe,iBAAiB,CAAC;MAAEF,YAAY,EAAE;IAAK,CAAC,CAAC,EAC/Cb,KAAK,CAACgB,YAAY,CAAC,CAAC,EACpBhB,KAAK,CAACiB,UAAU,CAAC,CAAC,EAClBjB,KAAK,CAACkB,WAAW,CAAC,CAAC,EACnBlB,KAAK,CAACmB,WAAW,CAAC,CAAC,EACnBnB,KAAK,CAACoB,aAAa,CAAC,CAAC,EACrBpB,KAAK,CAACqB,aAAa,CAAC,CAAC,EACrBrB,KAAK,CAACsB,WAAW,CAAC;MAAEC,OAAO,EAAE,CAAC;IAAE,CAAC,CAAC,EAClCvB,KAAK,CAACwB,QAAQ,CAAC;MACbC,QAAQ,EAAEC;IACZ,CAAC,CAAC,EACF1B,KAAK,CAAC2B,gBAAgB,CAAC,CAAC,EACxB3B,KAAK,CAAC4B,UAAU,CAAC,CAAC,EAClB5B,KAAK,CAAC6B,iBAAiB,CAAC;MACtBC,kBAAkB,EAAE,CAAC3B,SAAS,EAAEC,OAAO,EAAEC,MAAM;IACjD,CAAC,CAAC,EACFL,KAAK,CAAC+B,mBAAmB,CAAC;MACxBD,kBAAkB,EAAE,CAACvB,KAAK,EAAEC,OAAO,EAAEC,OAAO;IAC9C,CAAC,CAAC,EACFT,KAAK,CAACgC,eAAe,CAAC,CAAC,EACvBhC,KAAK,CAACiC,WAAW,CAAC,CAAC,EACnBjC,KAAK,CAACkC,aAAa,CAAC,CAAC,EACrBlC,KAAK,CAACmC,WAAW,CAAC,CAAC,EACnBnC,KAAK,CAACoC,qBAAqB,CAAC,CAAC,EAC7BpC,KAAK,CAACqC,gBAAgB,CAAC,CAAC,EACxB1C,YAAY,CACb,CAAC2C,MAAM,CAACC,eAAQ,CAAC;EACpB,CAAC,EAAE,CAACvC,KAAK,EAAEC,WAAW,CAAC,CAAC;AAC1B,CAAC;AAACuC,OAAA,CAAAzC,UAAA,GAAAA,UAAA","ignoreList":[]}

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

@@ -9,7 +9,7 @@ var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
 var _defaultsDeep = _interopRequireDefault(require("lodash/defaultsDeep"));
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
-var _ricos = require("@wix/ricos");
+var _loadRicos = require("../../cdn/load-ricos");
 var _hooks = require("../../../../hooks");
 var _utils = require("../../../../utils");
 var _userSiteFonts = require("../../../user-site-fonts");
@@ -32,7 +32,7 @@ const InsertToolbarSync = ({
   // Ricos 11's next-runtime proxy is supposed to convert the legacy
   // `Record<string, ToolbarButtonProps>` into a v2 `ExternalToolbarButton[]`,
   // but some consumer bundles end up calling through to the inner adapter
-  // (duplicate `@wix/ricos` copies / unwrapped ref) and we receive the
+  // (duplicate ricos copies / unwrapped ref) and we receive the
   // record shape. Normalize to an array so `.map` is safe, and treat the
   // non-array (record) shape as ready — otherwise the absolute-positioned
   // RCELoader overlay stays mounted and the editor row becomes unclickable.
@@ -48,7 +48,10 @@ const InsertToolbarSync = ({
   return null;
 };
 InsertToolbarSync.displayName = 'InsertToolbarSync';
-const filterStaticToolbarButtons = button => button !== _ricos.FORMATTING_BUTTONS.CODE_BLOCK;
+const filterStaticToolbarButtons = button =>
+// Inlined rather than read off the CDN module's `FORMATTING_BUTTONS`: this is
+// a plain string constant and the filter runs before the module has loaded.
+button !== 'CODE_BLOCK';
 const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
   content,
   injectedContent,
@@ -197,7 +200,9 @@ const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
     }
   }, [triggerBlur, requestEditorBlur]);
   const wixRicosProps = (0, _richContentCommon.useWixRicosProps)();
-  const plugins = (0, _plugins.usePlugins)(colorScheme);
+  const ricos = (0, _loadRicos.useRicosFromCdn)();
+  const plugins = (0, _plugins.usePlugins)(ricos, colorScheme);
+  const RicosEditor = ricos == null ? void 0 : ricos.RicosEditor;
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: containerRef,
     "data-hook": "rich-content.editor",
@@ -211,7 +216,7 @@ const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 304,
+      lineNumber: 308,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -219,7 +224,7 @@ const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 315,
+      lineNumber: 319,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -228,7 +233,7 @@ const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 316,
+      lineNumber: 320,
       columnNumber: 11
     }
   }), !hidden && isToolbarReady && /*#__PURE__*/_react.default.createElement(_richContentCommon.ToggleFullscreenButton, {
@@ -237,7 +242,7 @@ const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 318,
+      lineNumber: 322,
       columnNumber: 13
     }
   })), editor && /*#__PURE__*/_react.default.createElement(InsertToolbarSync, {
@@ -247,19 +252,19 @@ const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 326,
+      lineNumber: 330,
       columnNumber: 11
     }
-  }), !hidden ? /*#__PURE__*/_react.default.createElement("div", {
+  }), !hidden && RicosEditor ? /*#__PURE__*/_react.default.createElement("div", {
     "data-hook": dataHook,
     className: _richContentEditorStCss.classes.editor,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 334,
+      lineNumber: 338,
       columnNumber: 11
     }
-  }, /*#__PURE__*/_react.default.createElement(_ricos.RicosEditor, (0, _extends2.default)({
+  }, /*#__PURE__*/_react.default.createElement(RicosEditor, (0, _extends2.default)({
     ref: setEditorInstance,
     plugins: plugins,
     initialContent: content,
@@ -272,14 +277,14 @@ const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 335,
+      lineNumber: 339,
       columnNumber: 13
     }
   }))) : null, !isToolbarReady && /*#__PURE__*/_react.default.createElement(RCELoader, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 350,
+      lineNumber: 354,
       columnNumber: 29
     }
   }), !hidden && isToolbarReady && /*#__PURE__*/_react.default.createElement("div", {
@@ -288,7 +293,7 @@ const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 352,
+      lineNumber: 356,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_richContentToolbar.ExternalToolbar, {
@@ -296,7 +301,7 @@ const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 356,
+      lineNumber: 360,
       columnNumber: 13
     }
   })));
@@ -312,7 +317,7 @@ const RCELoader = () => /*#__PURE__*/_react.default.createElement(_designSystem.
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 366,
+    lineNumber: 370,
     columnNumber: 3
   }
 }, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
@@ -320,7 +325,7 @@ const RCELoader = () => /*#__PURE__*/_react.default.createElement(_designSystem.
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 374,
+    lineNumber: 378,
     columnNumber: 5
   }
 }));
@@ -448,7 +453,7 @@ const RichContentEditor = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 570,
+      lineNumber: 574,
       columnNumber: 7
     }
   }), !fullScreenOnly && /*#__PURE__*/_react.default.createElement(RCE, (0, _extends2.default)({}, props, rceProps, {
@@ -463,7 +468,7 @@ const RichContentEditor = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 572,
+      lineNumber: 576,
       columnNumber: 9
     }
   })), /*#__PURE__*/_react.default.createElement(_richContentCommon.FullscreenModal, {
@@ -472,7 +477,7 @@ const RichContentEditor = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 585,
+      lineNumber: 589,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(RCE, (0, _extends2.default)({}, props, rceProps, {
@@ -486,7 +491,7 @@ const RichContentEditor = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 586,
+      lineNumber: 590,
       columnNumber: 9
     }
   }))));