How to extract invoke call into it's own TypeSafe method

[CodenameLiam]

Lets safe I have a machine like this

const machine = setup({
    actors: {
        processDeviceLogin: fromPromise<DeviceLoginResponse, DeviceLoginRequest>(async ({ input }) => {
            ...
        })
    }
}).createMachine({
    initial: 'ProcessLogin',
    states: {
        ProcessLogin: {
            invoke: {
                src: 'processDeviceLogin',
                input: ({ context }) => {
                    ...
                },
                onDone: ({ event }) => {
                    ...
                },
                onError: ({ event }) => {
                    ...
                }
            }
        }
    }
})

I want to be able to extract the entire invocation into it's own method, i.e.

const processLoginInvoke = {
    src: 'processDeviceLogin',
    input: ({ context }) => {
        ...
    },
    onDone: ({ event }) => {
        ...
    },
    onError: ({ event }) => {
        ...
    }
}

But I also want to maintain the typesafety of my actors, input, and event/context objects

Is this possible?

[davidkpiano]

There is currently no helper function for XState that does this, but it is possible in userland.

The type you want is InvokeConfig:

InvokeConfig<
  TContext,
  TEvent,
  TActor,
  TAction,
  TGuard,
  TDelay,
  TEmitted,
  TMeta
>

Not all the type parameters are needed, depending on your use-case.