feat: Cookbook Onboard (AI Assistant)

package.json

@@ -25,7 +25,8 @@
     "node-html-markdown": "^1.3.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-gtm-module": "^2.0.11"
+    "react-gtm-module": "^2.0.11",
+    "@cookbookdev/docsbot": "^4.21.5"
   },
   "devDependencies": {
     "@svgr/webpack": "^6.5.1",

pages/_app.mdx

@@ -1,8 +1,15 @@
 import "styles/global.css";
 import "nextra-theme-docs/style.css";
 import { useGtm } from "hooks";
+import { AskCookbook } from "components";
 
 export default function App({ Component, pageProps }) {
   useGtm(pageProps);
-  return <Component {...pageProps} />
+  return (
+    <>
+      <Component {...pageProps} />
+      <AskCookbook />
+    </>
+  );
 }
+

src/components/AskCookbook.jsx

@@ -0,0 +1,12 @@
+import dynamic from 'next/dynamic';
+const BaseAskCookbook = dynamic(() => import('@cookbookdev/docsbot/react-fixed'), { ssr: false });
+
+/** It's going to be exposed in HTTP requests anyway so it's fine to just hardcode it here */
+const COOKBOOK_PUBLIC_API_KEY =
+  'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiI2NmE5OGQ2NGNhMjA3NDg1NDU1OWFlNjMiLCJpYXQiOjE3MjIzODc4MTIsImV4cCI6MjAzNzk2MzgxMn0.PjwUYZ6_mvOkDD3RtI51UjwxIL8E93pPoMcVatUi2ik';
+
+export const AskCookbook = () => {
+  return (
+    <BaseAskCookbook apiKey={COOKBOOK_PUBLIC_API_KEY} />
+  );
+};

src/components/index.js

@@ -4,3 +4,4 @@ export * from './Callout';
 export * from './gtm';
 export * from './OpenUrl';
 export * from './UnstakeETHTimer';
+export * from './AskCookbook';