chore: 🤖 Deprecate local Eliza to favour external fleek-platform/agents-ui (rev 5)

package.json

@@ -51,6 +51,7 @@
     "@astrojs/react": "^3.3.2",
     "@astrojs/sitemap": "^3.1.4",
     "@astrojs/tailwind": "^5.1.0",
+    "@fleek-platform/agents-ui": "^1.4.1",
     "@fleek-platform/login-button": "^1.4.0",
     "@fleek-platform/utils-token": "^0.2.2",
     "@fleekxyz/sdk": "^0.7.3",

src/components/AgentsUI/index.tsx

@@ -1,13 +1,19 @@
-import {
-  getPlans,
-  getSubscriptions,
-  createSubscription,
-} from '@components/Eliza/api';
+import '@fleek-platform/agents-ui/styles';
+
 import { useAuthStore } from '@fleek-platform/login-button';
-import ElizaIntegrationLayer from '@components/Eliza/ElizaIntegrationLayer.tsx';
 import { getReferralId } from '@utils/promotekit';
+import { ElizaIntegrationLayer, api } from '@fleek-platform/agents-ui';
+import { captureEvent } from '@components/Tracking/trackingUtils';
+
+const { getPlans, getSubscriptions, createSubscription } = api;
 
-export const AgentsUIIntegration = () => {
+export interface AgentsUIIntegrationProps {
+  apiUrl?: string;
+}
+
+export const AgentsUIIntegration: React.FC<AgentsUIIntegrationProps> = ({
+  apiUrl,
+}) => {
   const { triggerLoginModal, accessToken, isLoggingIn, isLoggedIn, projectId } =
     useAuthStore();
   const login = () =>
@@ -24,11 +30,12 @@ export const AgentsUIIntegration = () => {
       getSubscriptions={getSubscriptions}
       getPlans={getPlans}
       createSubscription={createSubscription}
+      captureEvent={captureEvent}
+      apiUrl={apiUrl}
     />
   );
 };
 
-const AgentsUI = () => <AgentsUIIntegration />;
-
-// to be used in Astro
-export default AgentsUI;
+export const AgentsUI: React.FC<AgentsUIIntegrationProps> = ({ apiUrl }) => (
+  <AgentsUIIntegration apiUrl={apiUrl} />
+);