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-front/src/modules/billing/graphql/checkout.ts

@@ -0,0 +1,12 @@
+import { gql } from '@apollo/client';
+
+export const CHECKOUT = gql`
+  mutation Checkout($recurringInterval: String!, $successUrlPath: String) {
+    checkout(
+      recurringInterval: $recurringInterval
+      successUrlPath: $successUrlPath
+    ) {
+      url
+    }
+  }
+`;

packages/twenty-front/src/modules/billing/graphql/getProductPrices.ts

@@ -0,0 +1,14 @@
+import { gql } from '@apollo/client';
+
+export const GET_PRODUCT_PRICES = gql`
+  query GetProductPrices($product: String!) {
+    getProductPrices(product: $product) {
+      productPrices {
+        created
+        recurringInterval
+        stripePriceId
+        unitAmount
+      }
+    }
+  }
+`;