fix(meetings): address version resolution (#664)

Author: riteshfyi

package.json

@@ -11,13 +11,15 @@
   ],
   "packageManager": "yarn@4.5.1",
   "devDependencies": {
+    "@babel/plugin-transform-runtime": "^7.29.0",
     "@babel/preset-typescript": "7.25.9",
     "@playwright/test": "^1.51.1",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/exec": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/github": "^11.0.1",
     "@testing-library/react-hooks": "^8.0.1",
+    "@types/babel__plugin-transform-runtime": "^7.9.5",
     "@webex/cli-tools": "0.0.0-next.2",
     "@webex/package-tools": "0.0.0-next.6",
     "babel-jest": "^29.7.0",
@@ -70,4 +72,4 @@
     "prepare": "husky",
     "package-tools": "webex-package-tools"
   }
-}
+}

packages/@webex/widgets/package.json

@@ -4,6 +4,9 @@
   "engines": {
     "node": ">=20.13.1"
   },
+  "installConfig": {
+    "hoistingLimits": "dependencies"
+  },
   "main": "dist/webexWidgets.mjs",
   "module": "dist/webexWidgets.mjs",
   "scripts": {
@@ -53,8 +56,11 @@
     "@babel/plugin-transform-runtime": "^7.16.0",
     "@babel/preset-env": "^7.8.4",
     "@babel/preset-react": "^7.8.3",
+    "@babel/register": "^7.25.9",
     "@commitlint/cli": "^8.3.5",
     "@commitlint/config-conventional": "^8.3.4",
+    "@momentum-ui/core": "19.16.0",
+    "@momentum-ui/icons": "8.28.5",
     "@momentum-ui/react": "^23.21.4",
     "@semantic-release/changelog": "^6.0.0",
     "@semantic-release/git": "^10.0.0",
@@ -117,7 +123,7 @@
     "prop-types": "^15.7.2",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "webex": "2.60.2"
+    "webex": "2.60.4"
   },
   "babel": {
     "presets": [

packages/@webex/widgets/webpack.config.js

@@ -74,8 +74,8 @@ module.exports = function(env, argv) {
           use: [isDemo ? 'style-loader' : MiniCssExtractPlugin.loader, 'css-loader'],
           include: [
             resolveMonorepoRoot('node_modules/@momentum-ui'),
-            resolveMonorepoRoot('node_modules/@webex/components'),
-            path.resolve(__dirname, 'packages'),
+            path.resolve(__dirname, 'node_modules/@webex/components'),
+            path.resolve(__dirname, 'node_modules/@momentum-ui'),
           ],
         },
         {

widgets-samples/samples-meeting-app/package.json

@@ -9,11 +9,11 @@
     "serve": "webpack serve --mode development"
   },
   "dependencies": {
+    "@momentum-ui/react": "^23.21.4",
     "@webex/widgets": "workspace:*",
     "prop-types": "^15.7.2",
     "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "webex": "2.60.2"
+    "react-dom": "18.3.1"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",

widgets-samples/samples-meeting-app/webpack.config.js

@@ -4,6 +4,8 @@ const {CleanWebpackPlugin} = require('clean-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const {version} = require('./package.json');
 
+const widgetsDir = path.dirname(require.resolve('@webex/widgets/package.json'));
+
 module.exports = function(env, argv) {
   return {
     cache: true,
@@ -18,6 +20,13 @@ module.exports = function(env, argv) {
     devtool: argv.mode === 'production' ? 'source-map' : 'inline-source-map',
     resolve: {
       extensions: ['.js', '.jsx'],
+      alias: {
+        react: path.dirname(require.resolve('react/package.json', { paths: [widgetsDir] })),
+        'react-dom': path.dirname(require.resolve('react-dom/package.json', { paths: [widgetsDir] })),
+        'prop-types': path.dirname(require.resolve('prop-types/package.json', { paths: [widgetsDir] })),
+        webex: path.dirname(require.resolve('webex/package', { paths: [widgetsDir] })),
+        '@webex/common': path.dirname(require.resolve('@webex/common/package.json', { paths: [widgetsDir] })),
+      },
       fallback: {
         "buffer": require.resolve("buffer/"),
         "crypto": require.resolve("crypto-browserify"),