@wix/patterns-fields 1.66.0 → 1.67.0

package/dist/types/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.d.ts

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import type { ExternalToolbarButton as RicosExternalToolbarButton } from '@wix/ricos';
+import type { ExternalToolbarButton as RicosExternalToolbarButton } from '@wix/patterns-fields-utils/@wix/patterns-fields-ricos-statics';
 export interface ExternalToolbarProps {
     buttons?: readonly RicosExternalToolbarButton[];
 }

package/dist/types/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-toolbar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAE,qBAAqB,IAAI,0BAA0B,EAAE,MAAM,YAAY,CAAC;AAKtF,MAAM,WAAW,oBAAoB;IACnC,OAAO,CAAC,EAAE,SAAS,0BAA0B,EAAE,CAAC;CACjD;AAED,qBAAa,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAClE,OAAO,CAAC,WAAW,CAAuD;IAE1E,OAAO,CAAC,YAAY,CAwClB;IAEK,MAAM;CAOd"}
+{"version":3,"file":"rich-content-toolbar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAE,qBAAqB,IAAI,0BAA0B,EAAE,MAAM,+DAA+D,CAAC;AAOzI,MAAM,WAAW,oBAAoB;IACnC,OAAO,CAAC,EAAE,SAAS,0BAA0B,EAAE,CAAC;CACjD;AAED,qBAAa,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAClE,OAAO,CAAC,WAAW,CAAuD;IAE1E,OAAO,CAAC,YAAY,CAwClB;IAEK,MAAM;CAOd"}

package/dist/types/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-toolbar.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;CAAsN,CAAC;AACzO,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"rich-content-toolbar.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;CAAkN,CAAC;AACrO,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/rich-content/rich-content-input/rich-content-viewer/plugins.d.ts

@@ -1,16 +1,7 @@
-import '@wix/ricos/css/plugin-link-viewer.global.css';
-import '@wix/ricos/css/plugin-image-viewer.global.css';
-import '@wix/ricos/css/plugin-video-viewer.global.css';
-import '@wix/ricos/css/plugin-divider-viewer.global.css';
-import '@wix/ricos/css/plugin-file-upload-viewer.global.css';
-import '@wix/ricos/css/plugin-html-viewer.global.css';
-import '@wix/ricos/css/plugin-link-preview-viewer.global.css';
-import '@wix/ricos/css/plugin-vertical-embed-viewer.global.css';
-import '@wix/ricos/css/plugin-spoiler-viewer.global.css';
-import '@wix/ricos/css/plugin-giphy-viewer.global.css';
-import '@wix/ricos/css/plugin-gallery-viewer.global.css';
-import '@wix/ricos/css/plugin-collapsible-list-viewer.global.css';
-import '@wix/ricos/css/plugin-table-viewer.global.css';
-import '@wix/ricos/css/plugin-button-viewer.global.css';
-export declare const usePlugins: () => import("@wix/ricos/dist/src/ricos-types/next").ViewerPlugin<Record<string, any>>[];
+import type { RicosCdnModule, ViewerPlugin } from '../../cdn/types';
+/**
+ * Viewer plugin creators come from the CDN module, so this returns an empty list
+ * until it has loaded. The viewer is not rendered before then.
+ */
+export declare const usePlugins: (ricos: RicosCdnModule | undefined) => ViewerPlugin[];
 //# sourceMappingURL=plugins.d.ts.map

package/dist/types/components/rich-content/rich-content-input/rich-content-viewer/plugins.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugins.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-viewer/plugins.ts"],"names":[],"mappings":"AAwBA,OAAO,8CAA8C,CAAC;AACtD,OAAO,+CAA+C,CAAC;AACvD,OAAO,+CAA+C,CAAC;AACvD,OAAO,iDAAiD,CAAC;AACzD,OAAO,qDAAqD,CAAC;AAC7D,OAAO,8CAA8C,CAAC;AACtD,OAAO,sDAAsD,CAAC;AAC9D,OAAO,wDAAwD,CAAC;AAChE,OAAO,iDAAiD,CAAC;AACzD,OAAO,+CAA+C,CAAC;AACvD,OAAO,iDAAiD,CAAC;AACzD,OAAO,0DAA0D,CAAC;AAClE,OAAO,+CAA+C,CAAC;AACvD,OAAO,gDAAgD,CAAC;AAIxD,eAAO,MAAM,UAAU,0FA0BtB,CAAC"}
+{"version":3,"file":"plugins.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-viewer/plugins.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpE;;;GAGG;AACH,eAAO,MAAM,UAAU,UAAW,cAAc,GAAG,SAAS,KAAG,YAAY,EA4B1E,CAAC"}

package/dist/types/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { RicosDocument, RicosViewerProps } from '@wix/ricos';
-import '@wix/ricos/css/ricos-viewer.global.css';
+import type { RicosDocument } from '@wix/patterns-fields-utils/@wix/patterns-fields-bundled-ricos';
+import type { RicosViewerProps } from '@wix/patterns-fields-utils/@wix/patterns-fields-ricos-statics';
 type RicosProps = Pick<RicosViewerProps, 'biSettings' | 'children' | 'theme'> & {
     wixExperiments?: unknown;
 };

package/dist/types/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-viewer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAElE,OAAO,wCAAwC,CAAC;AAchD,KAAK,UAAU,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,UAAU,GAAG,OAAO,CAAC,GAAG;IAC9E,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,UAAU,QAAS,SAAQ,UAAU;IACnC,YAAY,EAAE,OAAO,CAAC;IACtB,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAuCD,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,QAAQ,EAAE,cAAc,GAAG,oBAAoB,CAAC;IAC7D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAuC9D,CAAC"}
+{"version":3,"file":"rich-content-viewer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+DAA+D,CAAC;AAEnG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+DAA+D,CAAC;AAetG,KAAK,UAAU,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,UAAU,GAAG,OAAO,CAAC,GAAG;IAC9E,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,UAAU,QAAS,SAAQ,UAAU;IACnC,YAAY,EAAE,OAAO,CAAC;IACtB,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAqDD,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,QAAQ,EAAE,cAAc,GAAG,oBAAoB,CAAC;IAC7D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAuC9D,CAAC"}

package/dist/types/components/rich-content/rich-content-input/services/types.d.ts

@@ -1,4 +1,4 @@
-import type { RichContent } from '@wix/ricos';
+import type { RichContent } from '@wix/patterns-fields-utils/@wix/patterns-fields-bundled-ricos';
 export interface RichContentDocumentService {
     convertToRichContent(document: unknown): Promise<RichContent | undefined>;
 }

package/dist/types/components/rich-content/rich-content-input/services/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/services/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,MAAM,WAAW,0BAA0B;IACzC,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;CAC3E"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/services/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+DAA+D,CAAC;AAEjG,MAAM,WAAW,0BAA0B;IACzC,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;CAC3E"}

package/dist/types/components/text/text-view.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-view.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/text/text-view.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAAgF,CAAC;AACnG,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"text-view.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/text/text-view.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAA8E,CAAC;AACjG,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/exports/ricos-statics-legacy.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Draft-content interop (`ensureRicosContent`), for reading rows written before
+ * the ricos schema. Tests only — it pulls the draft converter.
+ */
+export * from '@wix/patterns-fields-utils/@wix/patterns-fields-ricos-statics/legacy';
+//# sourceMappingURL=ricos-statics-legacy.d.ts.map

package/dist/types/exports/ricos-statics-legacy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ricos-statics-legacy.d.ts","sourceRoot":"","sources":["../../../src/exports/ricos-statics-legacy.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,cAAc,sEAAsE,CAAC"}

package/dist/types/exports/ricos-statics.d.ts

@@ -0,0 +1,10 @@
+/**
+ * The ricos surface the CDN artifact exposes, re-exported so consumers reach it
+ * through this package instead of depending on `patterns-fields-ricos-statics`
+ * themselves.
+ *
+ * Types only. The values here are the whole editor — importing one puts it in
+ * the consumer's graph, which is what the CDN loading exists to prevent.
+ */
+export * from '@wix/patterns-fields-utils/@wix/patterns-fields-ricos-statics';
+//# sourceMappingURL=ricos-statics.d.ts.map

package/dist/types/exports/ricos-statics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ricos-statics.d.ts","sourceRoot":"","sources":["../../../src/exports/ricos-statics.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,cAAc,+DAA+D,CAAC"}

package/dist/types/validations/rich-content.d.ts

@@ -1,4 +1,12 @@
-import type { RicosDocument } from '@wix/ricos';
+import type { RicosDocument } from '@wix/patterns-fields-utils/@wix/patterns-fields-bundled-ricos';
 export declare const isValid: (data: unknown) => data is RicosDocument;
 export declare const hardConvert: (data: unknown) => RicosDocument;
+/**
+ * Full schema validation, as opposed to the shape check `isValid` does.
+ *
+ * Async because `validateRicosDocument` is exposed only on `@wix/ricos`'s root
+ * barrel, so reaching it synchronously would pull the whole editor graph back
+ * into every consumer's build. It comes from the CDN bundle instead.
+ */
+export declare const isStrictValidAsync: (data: unknown) => Promise<boolean>;
 //# sourceMappingURL=rich-content.d.ts.map

package/dist/types/validations/rich-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content.d.ts","sourceRoot":"","sources":["../../../src/validations/rich-content.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhD,eAAO,MAAM,OAAO,SAAU,OAAO,0BAIc,CAAC;AAEpD,eAAO,MAAM,WAAW,SAAU,OAAO,KAAG,aAkB3C,CAAC"}
+{"version":3,"file":"rich-content.d.ts","sourceRoot":"","sources":["../../../src/validations/rich-content.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+DAA+D,CAAC;AAKnG,eAAO,MAAM,OAAO,SAAU,OAAO,0BAIc,CAAC;AAEpD,eAAO,MAAM,WAAW,SAAU,OAAO,KAAG,aAkB3C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,SAAgB,OAAO,KAAG,QAAQ,OAAO,CAOvE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns-fields",
-  "version": "1.66.0",
+  "version": "1.67.0",
   "license": "UNLICENSED",
   "author": {
     "name": "Kobi",
@@ -71,6 +71,16 @@
       "import": "./dist/esm/exports/providers.js",
       "require": "./dist/cjs/exports/providers.js"
     },
+    "./utils/@wix/patterns-fields-ricos-statics": {
+      "types": "./dist/types/exports/ricos-statics.d.ts",
+      "import": "./dist/esm/exports/ricos-statics.js",
+      "require": "./dist/cjs/exports/ricos-statics.js"
+    },
+    "./utils/@wix/patterns-fields-ricos-statics/legacy": {
+      "types": "./dist/types/exports/ricos-statics-legacy.d.ts",
+      "import": "./dist/esm/exports/ricos-statics-legacy.js",
+      "require": "./dist/cjs/exports/ricos-statics-legacy.js"
+    },
     "./src/styles.global.css": {
       "default": "./src/styles.global.css"
     }
@@ -90,7 +100,8 @@
     "form-media-gallery-field",
     "form-rich-content-input",
     "cell-rich-content-input",
-    "providers"
+    "providers",
+    "utils"
   ],
   "scripts": {
     "build": "yarn stc:all && yarn generate-translation-keys && yarn build:translations && yoshi-library build",
@@ -113,9 +124,8 @@
     "@wix/atlas": "^1.0.35",
     "@wix/data": "^1.0.323",
     "@wix/media": "^1.0.231",
-    "@wix/patterns-fields-utils": "1.47.0",
+    "@wix/patterns-fields-utils": "1.48.0",
     "@wix/rich-content": "1.0.37",
-    "@wix/ricos": "^11.2.0",
     "@wix/sdk": "^1.17.2",
     "@wix/wix-ui-icons-common": "^3.187.0",
     "color": "^2.0.1",
@@ -142,7 +152,7 @@
     "@types/lodash": "^4.17.20",
     "@types/react": "^16.14.68",
     "@wix/babel-cli": "^1.11.0",
-    "@wix/bex-core": "2.344.0",
+    "@wix/bex-core": "2.345.0",
     "@wix/design-system": "^1.307.0",
     "@wix/eslint-config-yoshi": "^6.74.0",
     "@wix/jest-yoshi-preset": "^6.74.0",
@@ -152,6 +162,7 @@
     "@wix/yoshi-style-dependencies": "^6.74.0",
     "globby": "^11.0.0",
     "react": "16.14.0",
+    "react-dom": "16.14.0",
     "ts-node": "^10.9.1",
     "typescript": "~4.9.5"
   },
@@ -159,7 +170,8 @@
     "@wix/bex-core": "^2.284.0",
     "@wix/design-system": "^1.307.0",
     "mobx": "^6.1.8",
-    "react": "^16.8.0 || ^18.0.0"
+    "react": "^16.8.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^18.0.0"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
@@ -195,5 +207,10 @@
       "type": "yoshi-flow-library"
     }
   },
-  "falconPackageHash": "5141641f5ae1991e00047f9fcabc6bee1c8787745c8211c8e9c1855f"
+  "peerDependenciesMeta": {
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "falconPackageHash": "ed583f509babf28eebd67c9ce210137aa756f44d707aeeb633e5c47e"
 }

package/src/__tests__/components/rich-content/form-rich-content.spec.tsx

@@ -1,6 +1,6 @@
 import '../../../testkit/test-polyfills';
 
-import { fromPlainText } from '@wix/ricos';
+import { fromPlainText } from '@wix/patterns-fields-utils/@wix/patterns-fields-bundled-ricos';
 import type { Field } from '@wix/bex-core';
 
 import { FormRichContent } from '../../../components/rich-content/form-rich-content';

package/src/__tests__/components/rich-content/load-ricos.spec.ts

@@ -0,0 +1,17 @@
+import { loadRicosFromCdn } from '../../../components/rich-content/cdn/load-ricos';
+
+/**
+ * Guards the `process.env.NODE_ENV === 'test'` branch in the loader. Without it
+ * every spec that mounts the editor or viewer silently renders nothing, because
+ * jsdom cannot fetch the CDN bundle.
+ */
+describe('loadRicosFromCdn', () => {
+  it('resolves ricos from npm under test, without touching the network', async () => {
+    const mod = await loadRicosFromCdn();
+
+    expect(mod.RicosEditor).toBeDefined();
+    expect(mod.RicosViewer).toBeDefined();
+    expect(typeof mod.pluginImage).toBe('function');
+    expect(typeof mod.pluginImageViewer).toBe('function');
+  });
+});

package/src/__tests__/components/rich-content-editor.spec.tsx

@@ -9,7 +9,7 @@ import { RichContentEditor } from '../../components/rich-content/editor';
 import { nextRender } from '../test-utils';
 
 // Import the mocked fromPlainText
-import { fromPlainText } from '@wix/ricos';
+import { fromPlainText } from '@wix/patterns-fields-utils/@wix/patterns-fields-bundled-ricos';
 
 import { PatternsFieldsTestProvider } from '../../testkit/patterns-fields-test-provider';
 
@@ -65,9 +65,9 @@ const mockEditorRefObject = {
 
 const mockPublishFn = jest.fn().mockResolvedValue({});
 
-jest.mock('@wix/ricos', () => {
-  const mockReact = require('react');
-  return {
+jest.mock(
+  '@wix/patterns-fields-utils/@wix/patterns-fields-bundled-ricos',
+  () => ({
     // Mock fromPlainText function
     fromPlainText: (text: string) => ({
       nodes: [
@@ -78,37 +78,45 @@ jest.mock('@wix/ricos', () => {
       ],
       metadata: { version: 1 },
     }),
-    // Mock RicosEditor component
-    RicosEditor: mockReact.forwardRef(function MockRicosEditor(
-      props: { initialContent?: unknown },
-      ref: React.Ref<typeof mockEditorRefObject>,
-    ) {
-      mockEditorRefObject.prePublish.mockImplementation(mockPublishFn);
-      mockReact.useImperativeHandle(ref, () => mockEditorRefObject);
-
-      return mockReact.createElement(
+  }),
+);
+
+// The editor is fetched from the CDN at runtime, which jsdom cannot do — mock
+// the loader so the module resolves synchronously.
+jest.mock('../../components/rich-content/cdn/load-ricos', () => {
+  const mockReact = require('react');
+
+  const MockRicosEditor = mockReact.forwardRef(function MockRicosEditor(
+    props: { initialContent?: unknown },
+    ref: React.Ref<typeof mockEditorRefObject>,
+  ) {
+    mockEditorRefObject.prePublish.mockImplementation(mockPublishFn);
+    mockReact.useImperativeHandle(ref, () => mockEditorRefObject);
+
+    return mockReact.createElement(
+      'div',
+      {
+        'data-hook': 'mock-ricos-editor',
+        'data-testid': 'ricos-editor',
+      },
+      mockReact.createElement(
         'div',
         {
-          'data-hook': 'mock-ricos-editor',
-          'data-testid': 'ricos-editor',
+          contentEditable: true,
+          'data-hook': 'rich-content-editable',
         },
-        mockReact.createElement(
-          'div',
-          {
-            contentEditable: true,
-            'data-hook': 'rich-content-editable',
-          },
-          props.initialContent
-            ? JSON.stringify(props.initialContent)
-            : 'Empty content',
-        ),
-      );
-    }),
-    FORMATTING_BUTTONS: {
-      CODE_BLOCK: 'CODE_BLOCK',
-    },
-    // Mock Tooltip component
-    Tooltip: ({ children }: { children: React.ReactNode }) => children,
+        props.initialContent
+          ? JSON.stringify(props.initialContent)
+          : 'Empty content',
+      ),
+    );
+  });
+
+  const mod = { RicosEditor: MockRicosEditor };
+
+  return {
+    useRicosFromCdn: () => mod,
+    loadRicosFromCdn: () => Promise.resolve(mod),
   };
 });
 

package/src/__tests__/validations/rich-content.spec.ts

@@ -1,4 +1,4 @@
-import { fromPlainText } from '@wix/ricos';
+import { fromPlainText } from '@wix/patterns-fields-utils/@wix/patterns-fields-bundled-ricos';
 import { isValid, hardConvert } from '../../validations/rich-content';
 
 describe('rich-content validation', () => {

package/src/auto-field-types/validations.ts

@@ -1,8 +1,19 @@
-import { validateRicosDocument, RichContent, toPlainTextSync } from '@wix/ricos';
+import {
+  RichContent,
+  toPlainTextSync,
+} from '@wix/patterns-fields-utils/@wix/patterns-fields-bundled-ricos';
 
 import { isRicosLikeObject } from './utils';
 
 interface ValidationOptions {
+  /**
+   * @deprecated Strict validation is asynchronous now — use
+   * `richContentValidation.isStrictValidAsync` from `@wix/patterns-fields/validations`.
+   *
+   * `validateRicosDocument` is exposed only on `@wix/ricos`'s root barrel, and
+   * reaching it synchronously pulled ricos's entire editor graph into every
+   * consumer's build. Passing `strict` now falls back to the shape check below.
+   */
   strict?: boolean;
 }
 
@@ -18,21 +29,14 @@ const richContentModule = {
       return false;
     }
   },
-  isStrictValid: (data: unknown): data is RichContent => {
-    try {
-      const validationResult = validateRicosDocument(data);
-      return validationResult.type === 'ok';
-    } catch {
-      return false;
-    }
-  },
 };
 
 type TypeModule = {
   isValid?: (data: unknown) => boolean;
-  isStrictValid?: (data: unknown) => boolean;
 };
 
+let warnedAboutStrict = false;
+
 const getModule = (type: string): TypeModule | null => {
   switch (type) {
     case 'rich-content':
@@ -47,9 +51,17 @@ export const isDataValid = (
   type: string,
   { strict }: ValidationOptions = {},
 ): boolean => {
-  const module = getModule(type);
-  if (strict && module?.isStrictValid) {
-    return module.isStrictValid(data);
+  if (strict && !warnedAboutStrict && process.env.NODE_ENV !== 'production') {
+    warnedAboutStrict = true;
+    // Warn rather than weaken silently: callers asked for strict validation and
+    // are getting the shape check instead.
+    console.warn(
+      '[patterns-fields] isDataValid({ strict: true }) no longer performs schema ' +
+        'validation — it falls back to a shape check. Use ' +
+        "richContentValidation.isStrictValidAsync from '@wix/patterns-fields/validations'.",
+    );
   }
+
+  const module = getModule(type);
   return module?.isValid ? module.isValid(data) : true;
 };

package/src/components/address/input/address-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "addressinput3221247034";
+var _namespace_ = "addressinput3744888292";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"addressinput3221247034__root","tableAddressInput":"addressinput3221247034__tableAddressInput"};
+export var classes = {"root":"addressinput3744888292__root","tableAddressInput":"addressinput3744888292__tableAddressInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/audio/actions/actions-menu/actions-menu.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "actionsmenu1280508940";
+var _namespace_ = "actionsmenu22000138";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"actionsmenu1280508940__root","action":"actionsmenu1280508940__action"};
+export var classes = {"root":"actionsmenu22000138__root","action":"actionsmenu22000138__action"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/audio/audio-field/form-audio-field.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "formaudiofield32432185";
+var _namespace_ = "formaudiofield3852526609";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"formaudiofield32432185__root","addItem":"formaudiofield32432185__addItem","mediaTitle":"formaudiofield32432185__mediaTitle"};
+export var classes = {"root":"formaudiofield3852526609__root","addItem":"formaudiofield3852526609__addItem","mediaTitle":"formaudiofield3852526609__mediaTitle"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/audio/audio-player/audio-player.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "audioplayer2625614961";
+var _namespace_ = "audioplayer355960518";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"audioplayer2625614961__root"};
+export var classes = {"root":"audioplayer355960518__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/color-view/cell-color-view.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellcolorview3753113674";
+var _namespace_ = "cellcolorview2119064725";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"cellcolorview3753113674__root","hashPrefix":"cellcolorview3753113674__hashPrefix"};
+export var classes = {"root":"cellcolorview2119064725__root","hashPrefix":"cellcolorview2119064725__hashPrefix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/color-view/color-view.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "colorview3879755634";
+var _namespace_ = "colorview358378000";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"colorview3879755634__root","view":"colorview3879755634__view","fillPreview":"colorview3879755634__fillPreview"};
+export var classes = {"root":"colorview358378000__root","view":"colorview358378000__view","fillPreview":"colorview358378000__fillPreview"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/delete-dialog/delete-dialog.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "deletedialog3873629624";
+var _namespace_ = "deletedialog2389175073";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"deletedialog3873629624__root","layout":"deletedialog3873629624__layout"};
+export var classes = {"root":"deletedialog2389175073__root","layout":"deletedialog2389175073__layout"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/document/form-document-field.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "formdocumentfield189828330";
+var _namespace_ = "formdocumentfield4068641565";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"formdocumentfield189828330__root","viewWrapper":"formdocumentfield189828330__viewWrapper","textWidth":"formdocumentfield189828330__textWidth","documentLoader":"formdocumentfield189828330__documentLoader","addDocument":"formdocumentfield189828330__addDocument","addItemWrapper":"formdocumentfield189828330__addItemWrapper"};
+export var classes = {"root":"formdocumentfield4068641565__root","viewWrapper":"formdocumentfield4068641565__viewWrapper","textWidth":"formdocumentfield4068641565__textWidth","documentLoader":"formdocumentfield4068641565__documentLoader","addDocument":"formdocumentfield4068641565__addDocument","addItemWrapper":"formdocumentfield4068641565__addItemWrapper"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/exclamation/exclamation.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "exclamation1630207575";
+var _namespace_ = "exclamation465487652";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"exclamation1630207575__root","exclamation":"exclamation1630207575__exclamation","actions":"exclamation1630207575__actions","action":"exclamation1630207575__action"};
+export var classes = {"root":"exclamation465487652__root","exclamation":"exclamation465487652__exclamation","actions":"exclamation465487652__actions","action":"exclamation465487652__action"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/highlighted-text/highlighted-text.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "highlightedtext2238026867";
+var _namespace_ = "highlightedtext2692303271";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"highlightedtext2238026867__root","substring":"highlightedtext2238026867__substring"};
-export var keyframes = {"highlighted":"highlightedtext2238026867__highlighted","highlighted-match":"highlightedtext2238026867__highlighted-match"}; 
+export var classes = {"root":"highlightedtext2692303271__root","substring":"highlightedtext2692303271__substring"};
+export var keyframes = {"highlighted":"highlightedtext2692303271__highlighted","highlighted-match":"highlightedtext2692303271__highlighted-match"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

package/src/components/image/thumbnail-replace-overlay.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "thumbnailreplaceoverlay176436874";
+var _namespace_ = "thumbnailreplaceoverlay3875678523";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"thumbnailreplaceoverlay176436874__root","icon":"thumbnailreplaceoverlay176436874__icon"};
+export var classes = {"root":"thumbnailreplaceoverlay3875678523__root","icon":"thumbnailreplaceoverlay3875678523__icon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};