Pass Billing Checkout var in url to bypass credit card (#9283)

packages/twenty-front/src/modules/auth/states/availableIdentityProviderForAuthState.ts

@@ -1,4 +1,4 @@
-import { createState } from 'twenty-ui';
+import { createState } from '@ui/utilities/state/utils/createState';
 import { UserExists } from '~/generated/graphql';
 
 export const availableSSOIdentityProvidersForAuthState = createState<

packages/twenty-front/src/modules/auth/states/billingCheckoutSessionState.ts

@@ -0,0 +1,39 @@
+import { BillingCheckoutSession } from '@/auth/types/billingCheckoutSession.type';
+import { createState } from '@ui/utilities/state/utils/createState';
+import { syncEffect } from 'recoil-sync';
+import { BillingPlanKey, SubscriptionInterval } from '~/generated/graphql';
+
+export const billingCheckoutSessionState = createState<BillingCheckoutSession>({
+  key: 'billingCheckoutSessionState',
+  defaultValue: {
+    plan: BillingPlanKey.Pro,
+    interval: SubscriptionInterval.Month,
+    requirePaymentMethod: true,
+    skipPlanPage: false,
+  },
+  effects: [
+    syncEffect({
+      refine: (value: unknown) => {
+        if (
+          typeof value === 'object' &&
+          value !== null &&
+          'plan' in value &&
+          'interval' in value &&
+          'requirePaymentMethod' in value &&
+          'skipPlanPage' in value
+        ) {
+          return {
+            type: 'success',
+            value: value as BillingCheckoutSession,
+            warnings: [],
+          } as const;
+        }
+        return {
+          type: 'failure',
+          message: 'Invalid BillingCheckoutSessionState',
+          path: [] as any,
+        } as const;
+      },
+    }),
+  ],
+});

packages/twenty-front/src/modules/auth/states/currentUserState.ts

@@ -1,4 +1,4 @@
-import { createState } from 'twenty-ui';
+import { createState } from '@ui/utilities/state/utils/createState';
 
 import { User } from '~/generated/graphql';
 

packages/twenty-front/src/modules/auth/states/currentWorkspaceMemberState.ts

@@ -1,4 +1,4 @@
-import { createState } from 'twenty-ui';
+import { createState } from '@ui/utilities/state/utils/createState';
 
 import { WorkspaceMember } from '@/workspace-member/types/WorkspaceMember';
 

packages/twenty-front/src/modules/auth/states/currentWorkspaceMembersStates.ts

@@ -1,5 +1,5 @@
 import { CurrentWorkspaceMember } from '@/auth/states/currentWorkspaceMemberState';
-import { createState } from 'twenty-ui';
+import { createState } from '@ui/utilities/state/utils/createState';
 
 export const currentWorkspaceMembersState = createState<
   CurrentWorkspaceMember[]

packages/twenty-front/src/modules/auth/states/currentWorkspaceState.ts

@@ -1,4 +1,4 @@
-import { createState } from 'twenty-ui';
+import { createState } from '@ui/utilities/state/utils/createState';
 
 import { Workspace } from '~/generated/graphql';
 

packages/twenty-front/src/modules/auth/states/isCurrentUserLoadingState.ts

@@ -1,4 +1,4 @@
-import { createState } from 'twenty-ui';
+import { createState } from '@ui/utilities/state/utils/createState';
 
 export const isCurrentUserLoadedState = createState<boolean>({
   key: 'isCurrentUserLoadedState',

packages/twenty-front/src/modules/auth/states/isVerifyPendingState.ts

@@ -1,4 +1,4 @@
-import { createState } from 'twenty-ui';
+import { createState } from '@ui/utilities/state/utils/createState';
 
 export const isVerifyPendingState = createState<boolean>({
   key: 'isVerifyPendingState',

packages/twenty-front/src/modules/auth/states/previousUrlState.ts

@@ -1,4 +1,4 @@
-import { createState } from 'twenty-ui';
+import { createState } from '@ui/utilities/state/utils/createState';
 
 export const previousUrlState = createState<string>({
   key: 'previousUrlState',

packages/twenty-front/src/modules/auth/states/signInUpModeState.ts

@@ -1,5 +1,5 @@
-import { createState } from 'twenty-ui';
 import { SignInUpMode } from '@/auth/types/signInUpMode';
+import { createState } from '@ui/utilities/state/utils/createState';
 
 export const signInUpModeState = createState<SignInUpMode>({
   key: 'signInUpModeState',

packages/twenty-front/src/modules/auth/states/signInUpStepState.ts

@@ -1,4 +1,4 @@
-import { createState } from 'twenty-ui';
+import { createState } from '@ui/utilities/state/utils/createState';
 
 export enum SignInUpStep {
   Init = 'init',

packages/twenty-front/src/modules/auth/states/tokenPairState.ts

@@ -1,4 +1,4 @@
-import { createState } from 'twenty-ui';
+import { createState } from '@ui/utilities/state/utils/createState';
 
 import { AuthTokenPair } from '~/generated/graphql';
 import { cookieStorageEffect } from '~/utils/recoil-effects';

packages/twenty-front/src/modules/auth/states/workspacePublicDataState.ts

@@ -1,4 +1,4 @@
-import { createState } from 'twenty-ui';
+import { createState } from '@ui/utilities/state/utils/createState';
 import { PublicWorkspaceDataOutput } from '~/generated/graphql';
 
 export const workspacePublicDataState =

packages/twenty-front/src/modules/auth/states/workspaces.ts

@@ -1,4 +1,4 @@
-import { createState } from 'twenty-ui';
+import { createState } from '@ui/utilities/state/utils/createState';
 
 import { Workspace } from '~/generated/graphql';