Generated by XState Viz: https://xstate.js.org/viz

machine.js

  const fetchMachine = Machine({
    id: 'post-screen',
    initial: 'ready',
    context: {
      text: '',
    },
    states: {
     ready: {
        type: 'paralell',
        on: {
          INPUT_TEXT: {
            actions: 'cacheText',
            target: 'ready.text.noError'
          },
          SUBMIT: [
          {
            target: 'ready.text.error.empty',
            cond: 'isNoText',
          },
          {
            target: 'waitingResponse',
          },
        ],
        },
        states: {
          text: {
            initial: 'error',
            states: {
              noError: {},
              error: {
                initial: 'empty',
                states: {
                  empty: {},
                },
                onEntry: 'focusTextInput',
              },
            },
          }
        }
      },
          waitingResponse: {
      on: {
        CANCEL: 'ready',
      },
      invoke: {
        src: 'requestPostCreate',
      },
      onDone: {
        actions: 'onSuccess',
      },
      onError: [
        {
          cond: 'isInternalServerErr',
          target: 'ready.authService.error.internal',
        },
        // {
        //   cond: "isIncorrectPassword",
        //   target: "ready.password.error.incorrect"
        // },
        // {
        //   cond: "isNoResponse",
        //   target: "ready.authService.error.communication"
        // },
        // {
        //   cond: "isInternalServerErr",
        //   target: "ready.authService.error.internal"
        // }
      ],
    }
    }
  });