Align machine ID with other steps

clerk · Oct 11, 2024 · 8d3279e · 8d3279e
1 parent 3aa6b57
commit 8d3279e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 10 deletions.
diff --git a/packages/elements/src/internals/machines/sign-up/router.machine.ts b/packages/elements/src/internals/machines/sign-up/router.machine.ts
@@ -16,7 +16,6 @@ import { ClerkElementsError, ClerkElementsRuntimeError } from '~/internals/error
 import { ThirdPartyMachine, ThirdPartyMachineId } from '~/internals/machines/third-party';
 import { shouldUseVirtualRouting } from '~/internals/machines/utils/next';
 
-import { SignInStartMachineId } from '../sign-in';
 import { SignUpContinueMachine } from './continue.machine';
 import type {
   SignUpRouterContext,
@@ -330,7 +329,7 @@ export const SignUpRouterMachine = setup({
       tags: ['step:start'],
       exit: 'clearFormErrors',
       invoke: {
-        id: SignInStartMachineId,
+        id: 'start',
         src: 'startMachine',
         input: ({ context, self }) => ({
           basePath: context.router?.basePath,
@@ -346,7 +345,7 @@ export const SignUpRouterMachine = setup({
         'RESET.STEP': {
           actions: enqueueActions(({ enqueue, context }) => {
             enqueue('clearFormErrors');
-            enqueue.sendTo(SignInStartMachineId, { type: 'SET_FORM', formRef: context.formRef });
+            enqueue.sendTo('start', { type: 'SET_FORM', formRef: context.formRef });
           }),
         },
         NEXT: [

diff --git a/packages/elements/src/react/sign-up/context/router.context.ts b/packages/elements/src/react/sign-up/context/router.context.ts
@@ -1,11 +1,10 @@
 import type { ActorRefFrom, AnyActorRef, AnyStateMachine, SnapshotFrom } from 'xstate';
 
-import { SignInStartMachineId } from '~/internals/machines/sign-in';
-import type {
-  TSignUpContinueMachine,
-  TSignUpRouterMachine,
-  TSignUpStartMachine,
-  TSignUpVerificationMachine,
+import {
+  type TSignUpContinueMachine,
+  type TSignUpRouterMachine,
+  type TSignUpStartMachine,
+  type TSignUpVerificationMachine,
 } from '~/internals/machines/sign-up';
 import { createContextFromActorRef } from '~/react/utils/create-context-from-actor-ref';
 
@@ -17,6 +16,6 @@ function useSignUpStep<M extends AnyStateMachine, T = ActorRefFrom<M>>(name: str
   return SignUpRouterCtx.useSelector(state => state.children[name] as AnyActorRef) as T;
 }
 
-export const useSignUpStartStep = () => useSignUpStep<TSignUpStartMachine>(SignInStartMachineId);
+export const useSignUpStartStep = () => useSignUpStep<TSignUpStartMachine>('start');
 export const useSignUpContinueStep = () => useSignUpStep<TSignUpContinueMachine>('continue');
 export const useSignUpVerificationStep = () => useSignUpStep<TSignUpVerificationMachine>('verification');