add components

Author: andrewjschuang

docs-v2/components/RB2B.tsx

@@ -0,0 +1,13 @@
+import Script from "next/script";
+
+export default function RB2B() {
+  return (
+    <Script strategy="lazyOnload">
+      {
+        `
+        !function () {var reb2b = window.reb2b = window.reb2b || [];if (reb2b.invoked) return;reb2b.invoked = true;reb2b.methods = ["identify", "collect"];reb2b.factory = function (method) {return function () {var args = Array.prototype.slice.call(arguments);args.unshift(method);reb2b.push(args);return reb2b;};};for (var i = 0; i < reb2b.methods.length; i++) {var key = reb2b.methods[i];reb2b[key] = reb2b.factory(key);}reb2b.load = function (key) {var script = document.createElement("script");script.type = "text/javascript";script.async = true;script.src = "https://s3-us-west-2.amazonaws.com/b2bjsstore/b/" + key + "/R6G5YHYY8865.js.gz";var first = document.getElementsByTagName("script")[0];first.parentNode.insertBefore(script, first);};reb2b.SNIPPET_VERSION = "1.0.1";reb2b.load("R6G5YHYY8865");}();
+        `
+      }
+    </Script>
+  );
+}

docs-v2/components/Vector.tsx

@@ -0,0 +1,13 @@
+import Script from "next/script";
+
+export default function Vector() {
+  return (
+    <Script strategy="lazyOnload">
+      {
+        `
+        !function(e,r){try{if(e.vector)return void console.log("Vector snippet included more than once.");var t={};t.q=t.q||[];for(var o=["load","identify","on"],n=function(e){return function(){var r=Array.prototype.slice.call(arguments);t.q.push([e,r])}},c=0;c<o.length;c++){var a=o[c];t[a]=n(a)}if(e.vector=t,!t.loaded){var i=r.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://cdn.vector.co/pixel.js";var l=r.getElementsByTagName("script")[0];l.parentNode.insertBefore(i,l),t.loaded=!0}}catch(e){console.error("Error loading Vector:",e)}}(window,document);vector.load("1380baba-7f5a-41db-ad03-3cc628ffd499");
+        `
+      }
+    </Script>
+  );
+}

docs-v2/pages/_app.tsx

@@ -1,11 +1,25 @@
 import "@/styles/globals.css";
 import type { AppProps } from "next/app";
 import { Analytics } from "@vercel/analytics/react";
+import { useRouter } from "next/router";
+
+import RB2B from "@/components/RB2B";
+import Vector from "@/components/Vector";
 
 export default function MyApp({
   Component, pageProps,
 }: AppProps) {
+  const router = useRouter();
+
+  let script = null;
+  if (router.pathname === "/") {
+    script = <Vector />;
+  } else if (router.pathname.startsWith("/connect")) {
+    script = <RB2B />;
+  }
+
   return <>
+    {script}
     <Component {...pageProps} />
     <Analytics />
   </>;