refactor: add return url to createSubscription (#80)

Author: taekyunggg

packages/sdk/src/client/common/hooks/useComputeSession.ts

@@ -9,7 +9,7 @@
  */
 
 import { useCallback, useEffect, useRef, useState } from "react";
-import { Address, Hex } from "viem";
+import { Hex } from "viem";
 import {
   ComputeApiConfig,
   getComputeApiSession,

packages/sdk/src/client/common/types/index.ts

@@ -338,6 +338,8 @@ export interface CreateSubscriptionOptions {
   successUrl?: string;
   /** URL to redirect to if checkout is canceled */
   cancelUrl?: string;
+  /** URL to return if return link is clicked from stripe portal */
+  returnUrl?: string;
 }
 
 export interface CreateSubscriptionResponse {
@@ -414,11 +416,7 @@ export type DeployProgressCallback = (step: DeployStep, txHash?: Hex) => void;
 /**
  * Steps in sequential deployment flow
  */
-export type DeployStep =
-  | "createApp"
-  | "acceptAdmin"
-  | "setPublicLogs"
-  | "complete";
+export type DeployStep = "createApp" | "acceptAdmin" | "setPublicLogs" | "complete";
 
 /**
  * Result from sequential deployment

packages/sdk/src/client/common/utils/billingapi.ts

@@ -12,7 +12,12 @@
 
 import axios, { AxiosResponse } from "axios";
 import { Address, type WalletClient } from "viem";
-import { ProductID, CreateSubscriptionOptions, CreateSubscriptionResponse, ProductSubscriptionResponse } from "../types";
+import {
+  ProductID,
+  CreateSubscriptionOptions,
+  CreateSubscriptionResponse,
+  ProductSubscriptionResponse,
+} from "../types";
 import { calculateBillingAuthSignature } from "./auth";
 import { BillingEnvironmentConfig } from "../types";
 import {
@@ -136,12 +141,18 @@ export class BillingApiClient {
   // Subscription Methods
   // ==========================================================================
 
-  async createSubscription(productId: ProductID = "compute", options?: CreateSubscriptionOptions): Promise<CreateSubscriptionResponse> {
+  async createSubscription(
+    productId: ProductID = "compute",
+    options?: CreateSubscriptionOptions,
+  ): Promise<CreateSubscriptionResponse> {
     const endpoint = `${this.config.billingApiServerURL}/products/${productId}/subscription`;
-    const body = options ? {
-      success_url: options.successUrl,
-      cancel_url: options.cancelUrl,
-    } : undefined;
+    const body = options
+      ? {
+          success_url: options.successUrl,
+          cancel_url: options.cancelUrl,
+          return_url: options.returnUrl,
+        }
+      : undefined;
     const resp = await this.makeAuthenticatedRequest(endpoint, "POST", productId, body);
     return resp.json();
   }