Introduce /unstable entrypoint, move stuff around

package.json

@@ -50,6 +50,18 @@
       },
       "default": "./dist/plugins/encoders/mp3.js"
     },
+    "./unstable": {
+      "types": "./dist/unstable/index.d.ts",
+      "node": {
+        "require": "./dist/unstable/index.node.cjs",
+        "import": "./dist/unstable/index.js"
+      },
+      "browser": {
+        "require": "./dist/unstable/index.browser.cjs",
+        "import": "./dist/unstable/index.js"
+      },
+      "default": "./dist/unstable/index.js"
+    },
     "./dist/css/*": {
       "default": "./dist/css/*"
     },
@@ -70,6 +82,9 @@
       ],
       "mp3-encoder": [
         "./dist/plugins/encoders/mp3.d.ts"
+      ],
+      "unstable": [
+        "./dist/unstable/index.d.ts"
       ]
     }
   },

scripts/bundle.mjs

@@ -10,6 +10,7 @@ const __dirname = dirname(fileURLToPath(import.meta.url));
 const sdkEntrypoint = resolve(__dirname, '../src/index.ts');
 const emojiEntrypoint = resolve(__dirname, '../src/plugins/Emojis/index.ts');
 const mp3EncoderEntrypoint = resolve(__dirname, '../src/plugins/encoders/mp3.ts');
+const unstableEntrypoint = resolve(__dirname, '../src/unstable/index.ts');
 const outDir = resolve(__dirname, '../dist');
 
 // Those dependencies are distributed as ES modules, and cannot be externalized
@@ -33,7 +34,7 @@ const external = deps.filter((dep) => !bundledDeps.includes(dep));
 
 /** @type esbuild.BuildOptions */
 const cjsBundleConfig = {
-  entryPoints: [sdkEntrypoint, emojiEntrypoint, mp3EncoderEntrypoint],
+  entryPoints: [sdkEntrypoint, emojiEntrypoint, mp3EncoderEntrypoint, unstableEntrypoint],
   bundle: true,
   format: 'cjs',
   target: 'es2020',

src/components/Message/MessageOptions.tsx

@@ -101,7 +101,7 @@ const UnMemoizedMessageOptions = <
 };
 
 /**
- * @deprecated Use MessageActions_UNSTABLE (`MessageActions` component) instead.
+ * @deprecated Consider moving to `MessageActions` from `stream-chat-react/unstable` instead.
  */
 export const MessageOptions = React.memo(
   UnMemoizedMessageOptions,