BillingSDK Config

1export interface Plan {
2  id: string;
3  title: string;
4  description: string;
5  highlight?: boolean;
6  type?: "monthly" | "yearly";
7  currency?: string;
8  monthlyPrice: string;
9  yearlyPrice: string;
10  buttonText: string;
11  badge?: string;
12  features: {
13    name: string;
14    icon: string;
15    iconColor?: string;
16  }[];
17}
18 
19export interface CurrentPlan {
20  plan: Plan;
21  type: "monthly" | "yearly" | "custom";
22  price?: string;
23  nextBillingDate: string;
24  paymentMethod: string;
25  status: "active" | "inactive" | "past_due" | "cancelled";
26}
27 
28export const plans: Plan[] = [
29  {
30    id: "starter",
31    title: "Starter",
32    description: "For developers testing out Liveblocks locally.",
33    currency: "$",
34    monthlyPrice: "0",
35    yearlyPrice: "0",
36    buttonText: "Start today for free",
37    features: [
38      {
39        name: "Presence",
40        icon: "check",
41        iconColor: "text-green-500",
42      },
43      {
44        name: "Comments",
45        icon: "check",
46        iconColor: "text-orange-500",
47      },
48      {
49        name: "Notifications",
50        icon: "check",
51        iconColor: "text-teal-500",
52      },
53      {
54        name: "Text Editor",
55        icon: "check",
56        iconColor: "text-blue-500",
57      },
58      {
59        name: "Sync Datastore",
60        icon: "check",
61        iconColor: "text-zinc-500",
62      },
63    ],
64  },
65  {
66    id: "pro",
67    title: "Pro",
68    description: "For companies adding collaboration in production.",
69    currency: "$",
70    monthlyPrice: "20",
71    yearlyPrice: "199",
72    buttonText: "Sign up",
73    badge: "Most popular",
74    highlight: true,
75    features: [
76      {
77        name: "Presence",
78        icon: "check",
79        iconColor: "text-green-500",
80      },
81      {
82        name: "Comments",
83        icon: "check",
84        iconColor: "text-orange-500",
85      },
86      {
87        name: "Notifications",
88        icon: "check",
89        iconColor: "text-teal-500",
90      },
91      {
92        name: "Text Editor",
93        icon: "check",
94        iconColor: "text-blue-500",
95      },
96      {
97        name: "Sync Datastore",
98        icon: "check",
99        iconColor: "text-zinc-500",
100      },
101    ],
102  },
103  {
104    id: "enterprise",
105    title: "Enterprise",
106    description:
107      "For organizations that need more support and compliance features.",
108    currency: "$",
109    monthlyPrice: "Custom",
110    yearlyPrice: "Custom",
111    buttonText: "Contact sales",
112    features: [
113      {
114        name: "Presence",
115        icon: "check",
116// … truncated