added request transfer from marketplace

Author: vanessaxteo

app/dashboard/installation/actions.ts

@@ -9,8 +9,9 @@ import {
   getResourceBalance,
   listResources,
 } from "@/lib/partner";
-import { Balance } from "@/lib/vercel/schemas";
+import type { Balance } from "@/lib/vercel/schemas";
 import {
+  requestTransferFromMarketplace,
   sendBillingData,
   submitPrepaymentBalances,
 } from "@/lib/vercel/marketplace-api";
@@ -49,3 +50,15 @@ export async function sendBillingDataAction() {
   await sendBillingData(installationId, billingData);
   await submitPrepaymentBalances(installationId, balances);
 }
+
+export async function requestTransferFromVercelAction(formData: FormData) {
+  const installationId = formData.get("installationId") as string;
+  const transferId = Math.random().toString(36).substring(2);
+  const requester = "Vanessa";
+  const result = await requestTransferFromMarketplace(
+    installationId,
+    transferId,
+    requester
+  );
+  return result;
+}

app/dashboard/installation/page.tsx

@@ -4,6 +4,7 @@ import { getAccountInfo } from "@/lib/vercel/marketplace-api";
 import { Section } from "../components/section";
 import { addInstallationBalance, sendBillingDataAction } from "./actions";
 import { FormButton } from "../components/form-button";
+import TransferFromVercelRedirect from "./transfer-from-vercel-redirect";
 
 export const dynamic = "force-dynamic";
 
@@ -74,6 +75,9 @@ export default async function IntallationPage() {
           </FormButton>
         </form>
       </Section>
+      <Section title="Transfer from Vercel">
+        <TransferFromVercelRedirect configurationId={session.installation_id} />
+      </Section>
     </main>
   );
 }

app/dashboard/installation/transfer-from-vercel-redirect.tsx

@@ -0,0 +1,69 @@
+"use client";
+
+import { useState } from "react";
+import { requestTransferFromVercelAction } from "./actions";
+
+interface TransferFromVercelRedirectProps {
+  configurationId: string;
+}
+
+export default function TransferFromVercelRedirect({
+  configurationId,
+}: TransferFromVercelRedirectProps) {
+  const [continueUrl, setContinueUrl] = useState<string | null>(null);
+  const [loading, setLoading] = useState(false);
+
+  async function handleTransfer() {
+    setLoading(true);
+    const formData = new FormData();
+    formData.append("installationId", configurationId);
+
+    try {
+      const result = await requestTransferFromVercelAction(formData);
+      setContinueUrl(result.continueUrl);
+    } catch (error: any) {
+      console.error("Transfer failed:", error.message);
+    }
+    setLoading(false);
+  }
+
+  function handleCancel() {
+    setContinueUrl(null);
+  }
+
+  return (
+    <div className="flex flex-col items-center space-y-4">
+      {continueUrl ? (
+        <section className="p-4 border rounded text-center">
+          <p className="mb-4">
+            Please go to Vercel Marketplace to complete the transfer.
+          </p>
+          <div className="flex justify-center gap-4">
+            <a
+              href={continueUrl}
+              target="_blank"
+              className="rounded bg-green-500 text-white px-4 py-2 inline-block"
+              rel="noreferrer"
+            >
+              Proceed to Vercel
+            </a>
+            <button
+              onClick={handleCancel}
+              className="rounded bg-red-500 text-white px-4 py-2"
+            >
+              Cancel
+            </button>
+          </div>
+        </section>
+      ) : (
+        <button
+          onClick={handleTransfer}
+          disabled={loading}
+          className="rounded bg-blue-500 text-white px-4 py-2 disabled:opacity-50"
+        >
+          {loading ? "Loading..." : "Transfer from Vercel"}
+        </button>
+      )}
+    </div>
+  );
+}

lib/vercel/marketplace-api.ts

@@ -12,6 +12,8 @@ import type {
   Invoice,
   InvoiceDiscount,
   RefundInvoiceRequest,
+  RequestTransferFromMarketplace,
+  RequestTransferFromMarketplaceResponse,
   RequestTransferToMarketplace,
   RequestTransferToMarketplaceResponse,
   SubmitPrepaymentBalanceRequest,
@@ -322,3 +324,22 @@ export async function requestTransferToMarketplace(
   )) as RequestTransferToMarketplaceResponse;
   return result;
 }
+
+export async function requestTransferFromMarketplace(
+  installationId: string,
+  transferId: string,
+  requester: string
+): Promise<RequestTransferFromMarketplaceResponse> {
+  const result = (await fetchVercelApi(
+    `/v1/installations/${installationId}/transfers/from-marketplace`,
+    {
+      installationId,
+      method: "POST",
+      data: {
+        transferId,
+        requester: { name: requester },
+      } satisfies RequestTransferFromMarketplace,
+    }
+  )) as RequestTransferFromMarketplaceResponse;
+  return result;
+}

lib/vercel/schemas.ts

@@ -746,3 +746,32 @@ export const TransferInstallationToMarketplaceRequestSchema = z.object({
       "The account information for this installation. Use Get Account Info API to re-fetch this data post transfer."
     ),
 });
+
+export type RequestTransferFromMarketplace = z.infer<
+  typeof requestTransferFromMarketplaceSchema
+>;
+export const requestTransferFromMarketplaceSchema = z.object({
+  transferId: z.string().min(1),
+  requester: z.object({
+    name: z.string().min(1),
+  }),
+});
+
+export type RequestTransferFromMarketplaceResponse = z.infer<
+  typeof requestTransferToMarketplaceResponseSchema
+>;
+export const requestTransferFromMarketplaceResponseSchema = z.object({
+  continueUrl: z.string().url(),
+});
+
+export type TransferInstallationFromMarketplaceRequest = z.infer<
+  typeof TransferInstallationFromMarketplaceRequestSchema
+>;
+
+export const TransferInstallationFromMarketplaceRequestSchema = z.object({
+  transferId: z.string(),
+  requester: z.object({
+    name: z.string().min(1),
+  }),
+  scopes: z.array(z.string().min(1)),
+});