enable team invites

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 → 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 → 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 → 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;

apps/dashboard/src/app/team/[team_slug]/(team)/~/analytics/page.tsx → apps/dashboard/src/app/team/[team_slug]/(internal)/(team)/~/analytics/page.tsx

@@ -20,10 +20,10 @@ import {
 } from "components/analytics/date-range-selector";
 
 import { type WalletId, getWalletInfo } from "thirdweb/wallets";
-import { AnalyticsHeader } from "../../../../components/Analytics/AnalyticsHeader";
-import { CombinedBarChartCard } from "../../../../components/Analytics/CombinedBarChartCard";
-import { EmptyState } from "../../../../components/Analytics/EmptyState";
-import { PieChartCard } from "../../../../components/Analytics/PieChartCard";
+import { AnalyticsHeader } from "../../../../../components/Analytics/AnalyticsHeader";
+import { CombinedBarChartCard } from "../../../../../components/Analytics/CombinedBarChartCard";
+import { EmptyState } from "../../../../../components/Analytics/EmptyState";
+import { PieChartCard } from "../../../../../components/Analytics/PieChartCard";
 
 import { getTeamBySlug } from "@/api/team";
 import { GenericLoadingPage } from "@/components/blocks/skeletons/GenericLoadingPage";
@@ -35,7 +35,7 @@ import { TotalSponsoredChartCardUI } from "../../_components/TotalSponsoredCard"
 import { TransactionsChartCardUI } from "../../_components/TransactionsCard";
 
 // revalidate every 5 minutes
-export const maxDuration = 300;
+// export const maxDuration = 300;
 
 type SearchParams = {
   usersChart?: string;

apps/dashboard/src/app/team/[team_slug]/(team)/~/ecosystem/[slug]/(active)/configuration/page.tsx → apps/dashboard/src/app/team/[team_slug]/(internal)/(team)/~/ecosystem/[slug]/(active)/configuration/page.tsx

@@ -1,5 +1,5 @@
-import { getAuthToken } from "../../../../../../../../api/lib/getAuthToken";
-import { loginRedirect } from "../../../../../../../../login/loginRedirect";
+import { getAuthToken } from "../../../../../../../../../api/lib/getAuthToken";
+import { loginRedirect } from "../../../../../../../../../login/loginRedirect";
 import { EcosystemPermissionsPage } from "./components/client/EcosystemPermissionsPage";
 
 export default async function Page(props: {

apps/dashboard/src/app/team/[team_slug]/(team)/~/ecosystem/[slug]/(active)/page.tsx → apps/dashboard/src/app/team/[team_slug]/(internal)/(team)/~/ecosystem/[slug]/(active)/page.tsx

@@ -1,5 +1,5 @@
-import { getAuthToken } from "../../../../../../../api/lib/getAuthToken";
-import { loginRedirect } from "../../../../../../../login/loginRedirect";
+import { getAuthToken } from "../../../../../../../../api/lib/getAuthToken";
+import { loginRedirect } from "../../../../../../../../login/loginRedirect";
 import { EcosystemPermissionsPage } from "./configuration/components/client/EcosystemPermissionsPage";
 
 export default async function Page(props: {

apps/dashboard/src/app/team/[team_slug]/(team)/~/ecosystem/create/actions/create-ecosystem.ts → apps/dashboard/src/app/team/[team_slug]/(internal)/(team)/~/ecosystem/create/actions/create-ecosystem.ts

@@ -4,7 +4,7 @@ import { API_SERVER_URL, BASE_URL } from "@/constants/env";
 import { getThirdwebClient } from "@/constants/thirdweb.server";
 import { redirect } from "next/navigation";
 import { upload } from "thirdweb/storage";
-import { getAuthToken } from "../../../../../../../api/lib/getAuthToken";
+import { getAuthToken } from "../../../../../../../../api/lib/getAuthToken";
 
 export async function createEcosystem(options: {
   teamSlug: string;

apps/dashboard/src/app/team/[team_slug]/(team)/~/engine/(general)/overview/engine-list.tsx → apps/dashboard/src/app/team/[team_slug]/(internal)/(team)/~/engine/(general)/overview/engine-list.tsx

@@ -11,7 +11,7 @@ import {
 } from "lucide-react";
 import Image from "next/image";
 import Link from "next/link";
-import emptyStateHeaderImage from "../../../../../../../../../public/assets/engine/empty-state-header.png";
+import emptyStateHeaderImage from "../../../../../../../../../../public/assets/engine/empty-state-header.png";
 import { EngineInstancesTable } from "./engine-instances-table";
 
 export const EngineInstancesList = (props: {

apps/dashboard/src/app/team/[team_slug]/(team)/~/engine/(general)/page.tsx → apps/dashboard/src/app/team/[team_slug]/(internal)/(team)/~/engine/(general)/page.tsx

@@ -1,6 +1,6 @@
 import { redirect } from "next/navigation";
-import { getAuthToken } from "../../../../../../api/lib/getAuthToken";
-import { loginRedirect } from "../../../../../../login/loginRedirect";
+import { getAuthToken } from "../../../../../../../api/lib/getAuthToken";
+import { loginRedirect } from "../../../../../../../login/loginRedirect";
 import { getEngineInstances } from "../_utils/getEngineInstances";
 import {
   EngineInstancesList,

apps/dashboard/src/app/team/[team_slug]/(team)/~/engine/(instance)/[engineId]/layout.tsx → apps/dashboard/src/app/team/[team_slug]/(internal)/(team)/~/engine/(instance)/[engineId]/layout.tsx

@@ -4,9 +4,9 @@ import { Separator } from "@/components/ui/separator";
 import type { EngineInstance } from "@3rdweb-sdk/react/hooks/useEngine";
 import { ArrowLeftIcon } from "lucide-react";
 import Link from "next/link";
-import { getValidAccount } from "../../../../../../../account/settings/getAccount";
-import { getAuthToken } from "../../../../../../../api/lib/getAuthToken";
-import { loginRedirect } from "../../../../../../../login/loginRedirect";
+import { getValidAccount } from "../../../../../../../../account/settings/getAccount";
+import { getAuthToken } from "../../../../../../../../api/lib/getAuthToken";
+import { loginRedirect } from "../../../../../../../../login/loginRedirect";
 import { getEngineInstance } from "../../_utils/getEngineInstance";
 import { EngineErrorPage } from "./_components/EngineErrorPage";
 import { EngineSidebarLayout } from "./_components/EnginePageLayout";

apps/dashboard/src/app/team/[team_slug]/(team)/~/engine/(instance)/[engineId]/overview/components/transactions-table.tsx → apps/dashboard/src/app/team/[team_slug]/(internal)/(team)/~/engine/(instance)/[engineId]/overview/components/transactions-table.tsx

@@ -52,7 +52,7 @@ import Link from "next/link";
 import { type Dispatch, type SetStateAction, useMemo, useState } from "react";
 import { toTokens } from "thirdweb";
 import { FormLabel, LinkButton, Text } from "tw-components";
-import { normalizeTime } from "../../../../../../../../../../lib/time";
+import { normalizeTime } from "../../../../../../../../../../../lib/time";
 import { TransactionTimeline } from "./transaction-timeline";
 
 export type EngineStatus =

apps/dashboard/src/app/team/[team_slug]/(team)/~/engine/_utils/getEngineInstancePageMeta.ts → apps/dashboard/src/app/team/[team_slug]/(internal)/(team)/~/engine/_utils/getEngineInstancePageMeta.ts

@@ -1,7 +1,7 @@
 import { notFound } from "next/navigation";
-import { getValidAccount } from "../../../../../../account/settings/getAccount";
-import { getAuthToken } from "../../../../../../api/lib/getAuthToken";
-import { loginRedirect } from "../../../../../../login/loginRedirect";
+import { getValidAccount } from "../../../../../../../account/settings/getAccount";
+import { getAuthToken } from "../../../../../../../api/lib/getAuthToken";
+import { loginRedirect } from "../../../../../../../login/loginRedirect";
 import { getEngineInstance } from "./getEngineInstance";
 
 export async function engineInstancePageHandler(params: {

apps/dashboard/src/app/team/[team_slug]/(team)/~/nebula/page.tsx → apps/dashboard/src/app/team/[team_slug]/(internal)/(team)/~/nebula/page.tsx

@@ -1,7 +1,7 @@
 import { getTeamBySlug } from "@/api/team";
-import { getValidAccount } from "../../../../../account/settings/getAccount";
-import { getAuthToken } from "../../../../../api/lib/getAuthToken";
-import { loginRedirect } from "../../../../../login/loginRedirect";
+import { getValidAccount } from "../../../../../../account/settings/getAccount";
+import { getAuthToken } from "../../../../../../api/lib/getAuthToken";
+import { loginRedirect } from "../../../../../../login/loginRedirect";
 import { NebulaAnalyticsPage } from "../../../[project_slug]/nebula/components/analytics/nebula-analytics-page";
 import { NebulaWaitListPage } from "../../../[project_slug]/nebula/components/nebula-waitlist-page";
 

apps/dashboard/src/app/team/[team_slug]/(team)/~/settings/billing/components/PlanInfoCard.stories.tsx → apps/dashboard/src/app/team/[team_slug]/(internal)/(team)/~/settings/billing/components/PlanInfoCard.stories.tsx

@@ -4,7 +4,7 @@ import { teamStub, teamSubscriptionsStub } from "stories/stubs";
 import {
   BadgeContainer,
   mobileViewport,
-} from "../../../../../../../../stories/utils";
+} from "../../../../../../../../../stories/utils";
 import { PlanInfoCard } from "./PlanInfoCard";
 
 const meta = {

apps/dashboard/src/app/team/[team_slug]/(team)/~/settings/billing/components/PlanInfoCard.tsx → apps/dashboard/src/app/team/[team_slug]/(internal)/(team)/~/settings/billing/components/PlanInfoCard.tsx

@@ -9,7 +9,7 @@ import { TrackedLinkTW } from "@/components/ui/tracked-link";
 import { differenceInDays, isAfter } from "date-fns";
 import { format } from "date-fns/format";
 import { CircleAlertIcon } from "lucide-react";
-import { getValidTeamPlan } from "../../../../../../components/TeamHeader/getValidTeamPlan";
+import { getValidTeamPlan } from "../../../../../../../components/TeamHeader/getValidTeamPlan";
 
 export function PlanInfoCard(props: {
   subscriptions: TeamSubscription[];

apps/dashboard/src/app/team/[team_slug]/(team)/~/settings/billing/page.tsx → apps/dashboard/src/app/team/[team_slug]/(internal)/(team)/~/settings/billing/page.tsx

@@ -1,8 +1,8 @@
 import { getTeamBySlug } from "@/api/team";
 import { getTeamSubscriptions } from "@/api/team-subscription";
 import { redirect } from "next/navigation";
-import { Billing } from "../../../../../../../components/settings/Account/Billing";
-import { getValidAccount } from "../../../../../../account/settings/getAccount";
+import { Billing } from "../../../../../../../../components/settings/Account/Billing";
+import { getValidAccount } from "../../../../../../../account/settings/getAccount";
 
 export default async function Page(props: {
   params: Promise<{

apps/dashboard/src/app/team/[team_slug]/(team)/~/settings/credits/page.tsx → apps/dashboard/src/app/team/[team_slug]/(internal)/(team)/~/settings/credits/page.tsx

@@ -1,7 +1,7 @@
 import { getTeamBySlug } from "@/api/team";
 import { ChakraProviderSetup } from "@/components/ChakraProviderSetup";
 import { redirect } from "next/navigation";
-import { getValidAccount } from "../../../../../../account/settings/getAccount";
+import { getValidAccount } from "../../../../../../../account/settings/getAccount";
 import { SettingsGasCreditsPage } from "./SettingsCreditsPage";
 
 export default async function Page(props: {

apps/dashboard/src/app/team/[team_slug]/(team)/~/settings/general/GeneralSettingsPage.stories.tsx → apps/dashboard/src/app/team/[team_slug]/(internal)/(team)/~/settings/general/GeneralSettingsPage.stories.tsx

@@ -1,8 +1,8 @@
 import { Toaster } from "@/components/ui/sonner";
 import { getThirdwebClient } from "@/constants/thirdweb.server";
 import type { Meta, StoryObj } from "@storybook/react";
-import { teamStub } from "../../../../../../../stories/stubs";
-import { mobileViewport } from "../../../../../../../stories/utils";
+import { teamStub } from "../../../../../../../../stories/stubs";
+import { mobileViewport } from "../../../../../../../../stories/utils";
 import {
   DeleteTeamCard,
   LeaveTeamCard,

apps/dashboard/src/app/team/[team_slug]/(team)/~/settings/general/Sidebar.stories.tsx → apps/dashboard/src/app/team/[team_slug]/(internal)/(team)/~/settings/general/Sidebar.stories.tsx

@@ -1,10 +1,10 @@
 import { getThirdwebClient } from "@/constants/thirdweb.server";
 import type { Meta, StoryObj } from "@storybook/react";
-import { teamStub } from "../../../../../../../stories/stubs";
+import { teamStub } from "../../../../../../../../stories/stubs";
 import {
   BadgeContainer,
   mobileViewport,
-} from "../../../../../../../stories/utils";
+} from "../../../../../../../../stories/utils";
 import { TeamSettingsSidebar } from "../_components/sidebar/TeamSettingsSidebar";
 import { TeamSettingsMobileNav } from "../_components/sidebar/TeamsMobileNav";
 

apps/dashboard/src/app/team/[team_slug]/(team)/~/settings/general/updateTeam.ts → apps/dashboard/src/app/team/[team_slug]/(internal)/(team)/~/settings/general/updateTeam.ts

@@ -2,7 +2,7 @@
 
 import type { Team } from "@/api/team";
 import { API_SERVER_URL } from "@/constants/env";
-import { getAuthToken } from "../../../../../../api/lib/getAuthToken";
+import { getAuthToken } from "../../../../../../../api/lib/getAuthToken";
 
 export async function updateTeam(params: {
   teamId: string;

apps/dashboard/src/app/team/[team_slug]/(team)/~/settings/layout.tsx → apps/dashboard/src/app/team/[team_slug]/(internal)/(team)/~/settings/layout.tsx

@@ -1,6 +1,6 @@
 import { getTeamBySlug } from "@/api/team";
 import { redirect } from "next/navigation";
-import { getValidAccount } from "../../../../../account/settings/getAccount";
+import { getValidAccount } from "../../../../../../account/settings/getAccount";
 import { SettingsLayout } from "./SettingsLayout";
 
 export default async function Layout(props: {