39 create subscription and success modale (#4208)

* Init add choose your plan page component

* Update price format

* Add billing refund trial duration env variable

* Add billing benefits

* Add Button

* Call checkout endpoint

* Fix theme color

* Add Payment success modale

* Add loader to createWorkspace submit button

* Fix lint

* Fix dark mode

* Code review returns

* Use a resolver for front requests

* Fix 'create workspace' loader at sign up

* Fix 'create workspace' with enter key bug

packages/twenty-server/src/core/billing/billing.resolver.ts

@@ -0,0 +1,76 @@
+import { Args, Mutation, Query, Resolver } from '@nestjs/graphql';
+import { UseGuards } from '@nestjs/common';
+
+import {
+  AvailableProduct,
+  BillingService,
+} from 'src/core/billing/billing.service';
+import { ProductInput } from 'src/core/billing/dto/product.input';
+import { assert } from 'src/utils/assert';
+import { ProductPricesEntity } from 'src/core/billing/dto/product-prices.entity';
+import { JwtAuthGuard } from 'src/guards/jwt.auth.guard';
+import { AuthUser } from 'src/decorators/auth/auth-user.decorator';
+import { User } from 'src/core/user/user.entity';
+import { CheckoutInput } from 'src/core/billing/dto/checkout.input';
+import { CheckoutEntity } from 'src/core/billing/dto/checkout.entity';
+
+@Resolver()
+export class BillingResolver {
+  constructor(private readonly billingService: BillingService) {}
+
+  @Query(() => ProductPricesEntity)
+  async getProductPrices(@Args() { product }: ProductInput) {
+    const stripeProductId = this.billingService.getProductStripeId(product);
+
+    assert(
+      stripeProductId,
+      `Product '${product}' not found, available products are ['${Object.values(
+        AvailableProduct,
+      ).join("','")}']`,
+    );
+
+    const productPrices =
+      await this.billingService.getProductPrices(stripeProductId);
+
+    return {
+      totalNumberOfPrices: productPrices.length,
+      productPrices: productPrices,
+    };
+  }
+
+  @Mutation(() => CheckoutEntity)
+  @UseGuards(JwtAuthGuard)
+  async checkout(
+    @AuthUser() user: User,
+    @Args() { recurringInterval, successUrlPath }: CheckoutInput,
+  ) {
+    const stripeProductId = this.billingService.getProductStripeId(
+      AvailableProduct.BasePlan,
+    );
+
+    assert(
+      stripeProductId,
+      'BasePlan productId not found, please check your BILLING_STRIPE_BASE_PLAN_PRODUCT_ID env variable',
+    );
+
+    const productPrices =
+      await this.billingService.getProductPrices(stripeProductId);
+
+    const stripePriceId = productPrices.filter(
+      (price) => price.recurringInterval === recurringInterval,
+    )?.[0]?.stripePriceId;
+
+    assert(
+      stripePriceId,
+      `BasePlan priceId not found, please check body.recurringInterval and product '${AvailableProduct.BasePlan}' prices`,
+    );
+
+    return {
+      url: await this.billingService.checkout(
+        user,
+        stripePriceId,
+        successUrlPath,
+      ),
+    };
+  }
+}