Update plans to Development/Production/Enterprise without deploy-api code changes

src/app/test/no-payment-found.test.tsx

@@ -71,7 +71,7 @@ describe("Payment page takeover", () => {
                   {
                     ...testPlan,
                     id: fixedIdForTests,
-                    name: "growth",
+                    name: "development",
                   },
                   testEnterprisePlan,
                 ],
@@ -90,13 +90,13 @@ describe("Payment page takeover", () => {
       render(<App />);
 
       await screen.findByText(/Choose a Plan/);
-      await screen.findByText(/Growth/);
+      await screen.findByText(/Development/);
       const el = await screen.findAllByRole("button", {
         name: /Select Plan/,
       });
 
       fireEvent.click(el[0]);
-      await screen.findByText(/Successfully updated plan to Growth/);
+      await screen.findByText(/Successfully updated plan to Development/);
     });
   });
 
@@ -162,7 +162,7 @@ describe("Payment page takeover", () => {
                   {
                     ...testPlan,
                     id: fixedIdForTests,
-                    name: "growth",
+                    name: "development",
                   },
                   testEnterprisePlan,
                 ],

src/deploy/plan/index.ts

@@ -198,8 +198,10 @@ export const selectPlansForView = createSelector(
     const init: Record<PlanName, DeployPlan> = {
       none: defaultPlan({ name: "none" }),
       starter: defaultPlan({ name: "starter" }),
+      development: defaultPlan({ name: "development" }),
       growth: defaultPlan({ name: "growth" }),
       scale: defaultPlan({ name: "scale" }),
+      production: defaultPlan({ name: "production" }),
       enterprise: defaultPlan({ name: "enterprise" }),
     };
     return plans.reduce((acc, plan) => {

src/mocks/data.ts

@@ -502,7 +502,7 @@ export const testEnterprisePlan = defaultPlanResponse({
 
 export const testActivePlan = defaultActivePlanResponse({
   id: createId(),
-  available_plans: ["growth", "scale"],
+  available_plans: ["development", "production"],
   organization_id: testOrg.id,
   _links: {
     organization: defaultHalHref(

src/schema/factory.ts

@@ -488,7 +488,7 @@ export const defaultActivePlan = (
   return {
     id: "",
     automatedBackupLimitPerDb: 0,
-    availablePlans: ["starter", "growth", "scale"],
+    availablePlans: ["starter", "development", "growth", "scale", "production"],
     complianceDashboardAccess: false,
     containerMemoryLimit: 0,
     costCents: 0,

src/types/deploy.ts

@@ -406,7 +406,14 @@ export interface DeployPrereleaseCommand extends Timestamps {
   index: number;
 }
 
-export type PlanName = "starter" | "growth" | "scale" | "enterprise" | "none";
+export type PlanName =
+  | "starter"
+  | "development"
+  | "growth"
+  | "scale"
+  | "production"
+  | "enterprise"
+  | "none";
 export interface DeployPlan extends Timestamps {
   id: string;
   automatedBackupLimitPerDb: number;

src/ui/pages/create-stack.tsx

@@ -87,9 +87,12 @@ export const CreateStackPage = () => {
   );
   // must have a non-starter active plan or,
   // an empty active plan (empty active plan means legacy enterprise)
-  const canRequestStack = ["growth", "scale", "enterprise"].includes(
-    selectedPlan.name,
-  );
+  const canRequestStack = [
+    "growth",
+    "scale",
+    "production",
+    "enterprise",
+  ].includes(selectedPlan.name);
 
   const [stackName, setStackName] = useState("");
   const [region, setRegion] = useState("none");
@@ -193,7 +196,7 @@ export const CreateStackPage = () => {
             {selectedPlan.id === "" || canRequestStack ? null : (
               <Banner variant="info">
                 Dedicated stacks are only available for{" "}
-                <strong>Growth, Scale, and Enterprise</strong> plans &mdash;{" "}
+                <strong>Production and Enterprise</strong> plans &mdash;{" "}
                 <Link to={plansUrl()}>Upgrade your plan for access.</Link>
               </Banner>
             )}

src/ui/pages/plans.test.tsx

@@ -62,7 +62,7 @@ const setupActionablePlanResponses = (extra: RestHandler[] = []) => {
               {
                 ...testPlan,
                 id: fixedIdForTests,
-                name: "growth",
+                name: "development",
               },
               testEnterprisePlan,
             ],
@@ -100,7 +100,7 @@ describe("Plans page", () => {
     );
     setupActionablePlanResponses();
     await screen.findByText("Choose a Plan");
-    await screen.findByText("Growth");
+    await screen.findByText("Development");
 
     const errText = screen.queryByText(
       "Unable to load plan data to allow for selection.",
@@ -112,7 +112,7 @@ describe("Plans page", () => {
     });
 
     fireEvent.click(el[0]);
-    await screen.findByText(/Successfully updated plan to Growth/);
+    await screen.findByText(/Successfully updated plan to Development/);
   });
 
   it("the plans page is visible, renders with plans found, but errors when user selects", async () => {
@@ -127,7 +127,7 @@ describe("Plans page", () => {
     );
 
     await screen.findByText("Choose a Plan");
-    await screen.findByText("Growth");
+    await screen.findByText("Development");
 
     const el = await screen.findAllByRole("button", {
       name: /Select Plan/,