implement paywall (#161)

* implement core foundation

* inject deps

* fix incorrect migration

* tail migration

* use transaction for migration

* fix: inject deps for tests

* cleanup billing management for admin

* upgrade stripe sdk to v85

* set price env variables

* cleanup billing management

* allow multiple dev windows

* fix: settings scroll

* feat: show nice video thumbnail in listview

* feat: implement freemium restrictions

* remove unnecessary comments

* refactor

* docs

* format

* tweak network settings better hierarchy

js/src/api/client.ts

@@ -2,18 +2,23 @@ import { appConfig } from "@/config/env";
 import { useSessionStore } from "@/stores/session-store";
 import type { z } from "zod";
 import {
+  BillingStatusSchema,
+  CheckoutSessionResponseSchema,
   DepotObjectSchema,
   GetLivekitTokenResponseSchema,
   HumanSchema,
   ListInvitationsResponseSchema,
   ListNetworksResponseSchema,
   NetworkSchema,
+  NetworkUsageSchema,
+  PortalSessionResponseSchema,
   PrepareUploadResponseSchema,
   SignInResponseSchema,
 } from "./types";
 import type {
   AcceptInvitationRequest,
   AddMembersRequest,
+  BillingCadence,
   CreateNetworkRequest,
   PrepareUploadRequest,
   RequestCodeRequest,
@@ -216,6 +221,41 @@ class ApiClient {
   async getLivekitToken(networkId: string, streamId: string) {
     return this.request(GetLivekitTokenResponseSchema, "POST", "/livekit/token", { network_id: networkId, stream_id: streamId });
   }
+
+  // --- Billing (network admin only) ---
+
+  async getNetworkBilling(networkId: string) {
+    return this.request(
+      BillingStatusSchema,
+      "GET",
+      `/networks/${networkId}/billing`,
+    );
+  }
+
+  async createCheckoutSession(networkId: string, cadence: BillingCadence) {
+    return this.request(
+      CheckoutSessionResponseSchema,
+      "POST",
+      `/networks/${networkId}/billing/checkout-session`,
+      { cadence },
+    );
+  }
+
+  async createPortalSession(networkId: string) {
+    return this.request(
+      PortalSessionResponseSchema,
+      "POST",
+      `/networks/${networkId}/billing/portal-session`,
+    );
+  }
+
+  async getNetworkUsage(networkId: string) {
+    return this.request(
+      NetworkUsageSchema,
+      "GET",
+      `/networks/${networkId}/usage`,
+    );
+  }
 }
 
 export const apiClient = new ApiClient({