VF Chatbot : Updated code for standalone chatbot and modal chatbot

Author: bhushan-ebi

craco.config.js

@@ -0,0 +1,49 @@
+const path = require("path");
+
+module.exports = {
+  webpack: {
+    configure: (webpackConfig) => {
+      const oneOfRule = webpackConfig.module.rules.find(rule => Array.isArray(rule.oneOf));
+      if (oneOfRule) {
+        oneOfRule.oneOf.forEach(rule => {
+          if (
+            rule.loader &&
+            rule.loader.includes("babel-loader") &&
+            rule.exclude
+          ) {
+            const originalExclude = rule.exclude;
+            rule.exclude = (input) => {
+              if (
+                typeof input === "string" &&
+                input.replace(/\\/g, "/").includes("node_modules/@visual-framework/vf-chatbot")
+              ) {
+                return false;
+              }
+              if (typeof originalExclude === "function") {
+                return originalExclude(input);
+              }
+              if (Array.isArray(originalExclude)) {
+                return originalExclude.some(ex => input.includes(ex));
+              }
+              return false;
+            };
+
+            // Add this: force automatic runtime for our package
+            if (!rule.options) rule.options = {};
+            if (!rule.options.overrides) rule.options.overrides = [];
+            rule.options.overrides.push({
+              test: /@visual-framework[\\\/]vf-chatbot/,
+              presets: [
+                [
+                  "@babel/preset-react",
+                  { runtime: "automatic" }
+                ]
+              ]
+            });
+          }
+        });
+      }
+      return webpackConfig;
+    }
+  }
+};

package.json

@@ -4,6 +4,7 @@
   "private": true,
   "homepage": "/vf-react/",
   "dependencies": {
+    "@craco/craco": "^7.1.0",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
@@ -15,13 +16,17 @@
     "@visual-framework/vf-box": "^2.4.0",
     "@visual-framework/vf-button": "3.0.2",
     "@visual-framework/vf-card": "2.7.2",
-    "@visual-framework/vf-chatbot-action-prompt": "^1.0.0-beta.1",
-    "@visual-framework/vf-chatbot-feedback": "^1.0.0-beta.1",
-    "@visual-framework/vf-chatbot-prompt": "^1.0.0-beta.1",
-    "@visual-framework/vf-chatbot-selector": "^1.0.0-beta.1",
-    "@visual-framework/vf-chatbot-sources": "^1.0.0-beta.1",
-    "@visual-framework/vf-chatbot-standalone": "^1.0.0-beta.1",
-    "@visual-framework/vf-chatbot-welcome": "^1.0.0-beta.1",
+    "@visual-framework/vf-chatbot": "latest",
+    "@visual-framework/vf-chatbot-action-prompt": "latest",
+    "@visual-framework/vf-chatbot-dialog": "latest",
+    "@visual-framework/vf-chatbot-fab": "latest",
+    "@visual-framework/vf-chatbot-feedback": "latest",
+    "@visual-framework/vf-chatbot-modal": "latest",
+    "@visual-framework/vf-chatbot-prompt": "latest",
+    "@visual-framework/vf-chatbot-selector": "latest",
+    "@visual-framework/vf-chatbot-sources": "latest",
+    "@visual-framework/vf-chatbot-standalone": "latest",
+    "@visual-framework/vf-chatbot-welcome": "latest",
     "@visual-framework/vf-content": "1.6.16",
     "@visual-framework/vf-core": "2.2.47",
     "@visual-framework/vf-extensions-react": "^0.0.8",
@@ -50,10 +55,10 @@
     "web-vitals": "^2.1.4"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "start": "craco  start",
+    "build": "craco  build",
+    "test": "craco  test",
+    "eject": "craco  eject"
   },
   "browserslist": {
     "production": [
@@ -66,5 +71,9 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "@babel/plugin-syntax-jsx": "^7.27.1",
+    "@babel/preset-react": "^7.27.1"
   }
 }