enable team invites

Author: jnsdls

apps/dashboard/next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

apps/dashboard/src/@/actions/acceptInvite.ts

@@ -0,0 +1,51 @@
+"use server";
+import "server-only";
+import { redirect } from "next/navigation";
+import { getAuthToken } from "../../app/api/lib/getAuthToken";
+import type { Team } from "../api/team";
+import { API_SERVER_URL } from "../constants/env";
+
+export async function acceptInvite(options: {
+  teamId: string;
+  inviteId: string;
+}) {
+  const token = await getAuthToken();
+
+  if (!token) {
+    return {
+      errorMessage: "You are not authorized to perform this action",
+    };
+  }
+
+  const res = await fetch(
+    `${API_SERVER_URL}/v1/teams/${options.teamId}/invites/${options.inviteId}/accept`,
+    {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${token}`,
+      },
+      body: JSON.stringify({}),
+    },
+  );
+
+  if (!res.ok) {
+    let errorMessage = "Failed to accept invite";
+    try {
+      const result = (await res.json()) as {
+        error: {
+          code: string;
+          message: string;
+          statusCode: number;
+        };
+      };
+      errorMessage = result.error.message;
+    } catch {}
+    throw new Error(errorMessage);
+  }
+
+  const { team } = (await res.json()).result as { team: Team };
+
+  // redirect to the team page
+  redirect(`/team/${team.slug}`);
+}

apps/dashboard/src/@/actions/sendTeamInvite.ts

@@ -0,0 +1,37 @@
+"use server";
+import "server-only";
+import { getAuthToken } from "../../app/api/lib/getAuthToken";
+import { API_SERVER_URL } from "../constants/env";
+
+export async function sendTeamInvite(options: {
+  teamId: string;
+  email: string;
+  role: "OWNER" | "MEMBER";
+}) {
+  const token = await getAuthToken();
+
+  if (!token) {
+    throw new Error("You are not authorized to perform this action");
+  }
+
+  const res = await fetch(
+    `${API_SERVER_URL}/v1/teams/${options.teamId}/invites`,
+    {
+      method: "POST",
+      headers: {
+        Authorization: `Bearer ${token}`,
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({
+        inviteEmail: options.email,
+        inviteRole: options.role,
+      }),
+    },
+  );
+
+  if (!res.ok) {
+    throw new Error("Failed to send invite");
+  }
+
+  return true;
+}

apps/dashboard/src/@/api/team.ts

@@ -1,5 +1,5 @@
 import "server-only";
-import { API_SERVER_URL } from "@/constants/env";
+import { API_SERVER_URL, THIRDWEB_API_SECRET } from "@/constants/env";
 import { getAuthToken } from "../../app/api/lib/getAuthToken";
 
 type EnabledTeamScope =
@@ -30,6 +30,23 @@ export type Team = {
   enabledScopes: EnabledTeamScope[];
 };
 
+export async function service_getTeamBySlug(slug: string) {
+  if (!THIRDWEB_API_SECRET) {
+    throw new Error("API_SERVER_SECRET is not set");
+  }
+
+  const teamRes = await fetch(`${API_SERVER_URL}/v1/teams/${slug}`, {
+    headers: {
+      "x-service-api-key": THIRDWEB_API_SECRET,
+    },
+  });
+
+  if (teamRes.ok) {
+    return (await teamRes.json())?.result as Team;
+  }
+  return null;
+}
+
 export async function getTeamBySlug(slug: string) {
   const token = await getAuthToken();
 

apps/dashboard/src/@3rdweb-sdk/react/hooks/useEngine.ts

@@ -7,12 +7,12 @@ import {
   useQuery,
   useQueryClient,
 } from "@tanstack/react-query";
-import type { ResultItem } from "app/team/[team_slug]/(team)/~/engine/(instance)/[engineId]/metrics/components/StatusCodes";
+import type { ResultItem } from "app/team/[team_slug]/(internal)/(team)/~/engine/(instance)/[engineId]/metrics/components/StatusCodes";
+import type { EngineStatus } from "app/team/[team_slug]/(internal)/(team)/~/engine/(instance)/[engineId]/overview/components/transactions-table";
 import type { EngineBackendWalletType } from "lib/engine";
 import { useState } from "react";
 import { useActiveAccount } from "thirdweb/react";
 import invariant from "tiny-invariant";
-import type { EngineStatus } from "../../../app/team/[team_slug]/(team)/~/engine/(instance)/[engineId]/overview/components/transactions-table";
 import { engineKeys } from "../cache-keys";
 
 export type EngineTier = "STARTER" | "PREMIUM" | "ENTERPRISE";

apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/_layout/primary-dashboard-button.tsx

@@ -25,7 +25,7 @@ import {
   AddToProjectSelector,
   type MinimalTeamsAndProjects,
 } from "../../../../../../components/contract-components/contract-deploy-form/add-to-project-card";
-import { useAddContractToProject } from "../../../../../team/[team_slug]/[project_slug]/hooks/project-contracts";
+import { useAddContractToProject } from "../../../../../team/[team_slug]/(internal)/[project_slug]/hooks/project-contracts";
 
 const TRACKING_CATEGORY = "add_to_dashboard_upsell";
 

apps/dashboard/src/app/nebula-app/(app)/layout.tsx

@@ -8,7 +8,7 @@ import {
   getAuthTokenWalletAddress,
 } from "../../api/lib/getAuthToken";
 import { loginRedirect } from "../../login/loginRedirect";
-import { NebulaWaitListPage } from "../../team/[team_slug]/[project_slug]/nebula/components/nebula-waitlist-page";
+import { NebulaWaitListPage } from "../../team/[team_slug]/(internal)/[project_slug]/nebula/components/nebula-waitlist-page";
 import { getSessions } from "./api/session";
 import { ChatPageLayout } from "./components/ChatPageLayout";
 import { NebulaAccountButton } from "./components/NebulaAccountButton";

apps/dashboard/src/app/team/[team_slug]/(team)/_components/TotalSponsoredCard.tsx renamed to apps/dashboard/src/app/team/[team_slug]/(internal)/(team)/_components/TotalSponsoredCard.tsx

@@ -1,10 +1,10 @@
 import { cn } from "@/lib/utils";
+import { EmptyAccountAbstractionChartContent } from "components/smart-wallets/AccountAbstractionAnalytics/SponsoredTransactionsChartCard";
 import { defineChain } from "thirdweb";
 import { type ChainMetadata, getChainMetadata } from "thirdweb/chains";
 import type { UserOpStats } from "types/analytics";
-import { EmptyAccountAbstractionChartContent } from "../../../../../components/smart-wallets/AccountAbstractionAnalytics/SponsoredTransactionsChartCard";
-import { BarChart } from "../../../components/Analytics/BarChart";
-import { CombinedBarChartCard } from "../../../components/Analytics/CombinedBarChartCard";
+import { BarChart } from "../../../../components/Analytics/BarChart";
+import { CombinedBarChartCard } from "../../../../components/Analytics/CombinedBarChartCard";
 
 export async function TotalSponsoredChartCardUI({
   data,

apps/dashboard/src/app/team/[team_slug]/(team)/_components/TransactionsCard.tsx renamed to apps/dashboard/src/app/team/[team_slug]/(internal)/(team)/_components/TransactionsCard.tsx

@@ -1,10 +1,10 @@
 import { cn } from "@/lib/utils";
+import { EmptyAccountAbstractionChartContent } from "components/smart-wallets/AccountAbstractionAnalytics/SponsoredTransactionsChartCard";
 import { defineChain } from "thirdweb";
 import { type ChainMetadata, getChainMetadata } from "thirdweb/chains";
 import type { TransactionStats } from "types/analytics";
-import { EmptyAccountAbstractionChartContent } from "../../../../../components/smart-wallets/AccountAbstractionAnalytics/SponsoredTransactionsChartCard";
-import { BarChart } from "../../../components/Analytics/BarChart";
-import { CombinedBarChartCard } from "../../../components/Analytics/CombinedBarChartCard";
+import { BarChart } from "../../../../components/Analytics/BarChart";
+import { CombinedBarChartCard } from "../../../../components/Analytics/CombinedBarChartCard";
 
 export async function TransactionsChartCardUI({
   data,

apps/dashboard/src/app/team/[team_slug]/(team)/layout.tsx renamed to apps/dashboard/src/app/team/[team_slug]/(internal)/(team)/layout.tsx

@@ -2,9 +2,9 @@ import { getProjects } from "@/api/projects";
 import { getTeamNebulaWaitList, getTeams } from "@/api/team";
 import { TabPathLinks } from "@/components/ui/tabs";
 import { redirect } from "next/navigation";
-import { getValidAccount } from "../../../account/settings/getAccount";
-import { getAuthTokenWalletAddress } from "../../../api/lib/getAuthToken";
-import { TeamHeaderLoggedIn } from "../../components/TeamHeader/team-header-logged-in.client";
+import { getValidAccount } from "../../../../account/settings/getAccount";
+import { getAuthTokenWalletAddress } from "../../../../api/lib/getAuthToken";
+import { TeamHeaderLoggedIn } from "../../../components/TeamHeader/team-header-logged-in.client";
 
 export default async function TeamLayout(props: {
   children: React.ReactNode;