From 8689793c2b7bfef6ed2bc22347ee351883ef0097 Mon Sep 17 00:00:00 2001
From: mihran113 <vanyanmihran@gmail.com>
Date: Thu, 5 Dec 2024 23:26:31 +0400
Subject: [PATCH] [feat] Add new tracking script (rb2b) (#86)

---
 components/Demos/Demos.tsx             |  2 --
 components/Features/Features.tsx       |  2 --
 components/Hero/Hero.tsx               |  2 --
 components/PricingCard/PricingCard.tsx |  2 --
 components/QuickStart/QuickStart.tsx   |  2 --
 pages/_app.tsx                         | 38 ++++++++++++++++++++++++++
 pages/about-us.tsx                     |  2 --
 pages/blog.tsx                         |  2 --
 8 files changed, 38 insertions(+), 14 deletions(-)

diff --git a/components/Demos/Demos.tsx b/components/Demos/Demos.tsx
index 0a044e97..fa76d3e7 100644
--- a/components/Demos/Demos.tsx
+++ b/components/Demos/Demos.tsx
@@ -24,8 +24,6 @@ const Demos = () => {
         >
           Play with Aim before installing it! Check out our demos to see the
           full functionality
-          <img referrerPolicy="no-referrer-when-downgrade"
-           src="https://static.scarf.sh/a.png?x-pxid=8b1927ba-96ec-4c48-9ee9-6037a9b3dbe5"/>
         </Text>
         <DemosList>
           {demosList.map(({ title, description, name, url, imgSrc }) => {
diff --git a/components/Features/Features.tsx b/components/Features/Features.tsx
index 5ec9bc47..ba1f1d98 100644
--- a/components/Features/Features.tsx
+++ b/components/Features/Features.tsx
@@ -29,8 +29,6 @@ const Features = () => {
         <Text as="p" css={{ marginBottom: '24px', textAlign: 'center' }}>
           Aim provides a performant and beautiful UI for exploring and comparing
           training runs, prompt sessions.
-          <img referrerPolicy="no-referrer-when-downgrade"
-               src="https://static.scarf.sh/a.png?x-pxid=8b1927ba-96ec-4c48-9ee9-6037a9b3dbe5"/>
         </Text>
         {stepsList.map(({ name, title, list }) => {
           return (
diff --git a/components/Hero/Hero.tsx b/components/Hero/Hero.tsx
index a6a5a5b6..afe413a8 100644
--- a/components/Hero/Hero.tsx
+++ b/components/Hero/Hero.tsx
@@ -35,8 +35,6 @@ const Hero = () => {
             </Text>
             ) enables a UI to compare & observe them and SDK to query them
             programmatically.
-            <img referrerPolicy="no-referrer-when-downgrade"
-               src="https://static.scarf.sh/a.png?x-pxid=8b1927ba-96ec-4c48-9ee9-6037a9b3dbe5"/>
           </Text>
           <Button
             css={{ marginBottom: '$12' }}
diff --git a/components/PricingCard/PricingCard.tsx b/components/PricingCard/PricingCard.tsx
index 17e501fb..247b6acd 100644
--- a/components/PricingCard/PricingCard.tsx
+++ b/components/PricingCard/PricingCard.tsx
@@ -20,8 +20,6 @@ const PricingCard: FC<IPricingCard> = ({
         {/**/}
         <th>
           <Text as='h2' size={5} css={{ marginBottom: '$6' }}>Plans & Features</Text>
-          <img referrerPolicy="no-referrer-when-downgrade"
-           src="https://static.scarf.sh/a.png?x-pxid=8b1927ba-96ec-4c48-9ee9-6037a9b3dbe5"/>
         </th>
         {/*free plan*/}
         <th>
diff --git a/components/QuickStart/QuickStart.tsx b/components/QuickStart/QuickStart.tsx
index 72ff3b45..5c22db1f 100644
--- a/components/QuickStart/QuickStart.tsx
+++ b/components/QuickStart/QuickStart.tsx
@@ -49,8 +49,6 @@ const QuickStart = () => {
               documentation
             </a>{' '}
             to learn more
-            <img referrerPolicy="no-referrer-when-downgrade"
-               src="https://static.scarf.sh/a.png?x-pxid=8b1927ba-96ec-4c48-9ee9-6037a9b3dbe5"/>
           </Text>
         </QuickStartInner>
       </Container>
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 64ad8aca..7e1e73fc 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,6 +1,44 @@
+// @ts-nocheck
 import Layout from 'components/Layout/Layout';
 
+import { useEffect } from 'react';
+
 const App = ({ Component, pageProps }) => {
+  useEffect(() => {
+    // Directly adding your script content here
+    (function () {
+      let reb2b = window.reb2b || [];
+      window.reb2b = reb2b;
+      if (reb2b.invoked) return;
+      reb2b.invoked = true;
+      reb2b.methods = ["identify", "collect"];
+      reb2b.factory = function (method: string) {
+        return function () {
+          let args = Array.prototype.slice.call(arguments);
+          args.unshift(method);
+          reb2b.push(args);
+          return reb2b;
+        };
+      };
+      for (let i = 0; i < reb2b.methods.length; i++) {
+        let key = reb2b.methods[i];
+        reb2b[key] = reb2b.factory(key);
+      }
+      reb2b.load = function (key: string) {
+        let script = document.createElement("script");
+        script.type = "text/javascript";
+        script.async = true;
+        script.src = "https://s3-us-west-2.amazonaws.com/b2bjsstore/b/" + key + "/reb2b.js.gz";
+        let first = document.getElementsByTagName("script")[0];
+        if (first && first.parentNode) {
+          first.parentNode.insertBefore(script, first);
+        }
+      };
+      reb2b.SNIPPET_VERSION = "1.0.1";
+      reb2b.load("4N210HE2MG6Z");
+    })();
+  }, []);
+
   return (
     <Layout>
       <Component {...pageProps} />
diff --git a/pages/about-us.tsx b/pages/about-us.tsx
index 08c46101..37b56d08 100644
--- a/pages/about-us.tsx
+++ b/pages/about-us.tsx
@@ -36,8 +36,6 @@ const About = () => {
               the problem of building AI Metadata Infrastructure. AI Metadata is
               A LOT, it’s multidimensional and heterogeneous. We Aim to help
               build world’s best AI Metadata systems.
-              <img referrerPolicy="no-referrer-when-downgrade"
-               src="https://static.scarf.sh/a.png?x-pxid=8b1927ba-96ec-4c48-9ee9-6037a9b3dbe5"/>
             </Text>
           </Flex>
         </Container>
diff --git a/pages/blog.tsx b/pages/blog.tsx
index 15b7c785..1dc38b37 100644
--- a/pages/blog.tsx
+++ b/pages/blog.tsx
@@ -45,8 +45,6 @@ export default function Blog() {
           css={{ textAlign: 'center', my: '$10' }}
         >
           Recent Articles
-            <img referrerPolicy="no-referrer-when-downgrade"
-               src="https://static.scarf.sh/a.png?x-pxid=8b1927ba-96ec-4c48-9ee9-6037a9b3dbe5"/>
         </Text>
 
         <BlogList blogList={totalPosts()} />