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

machine.js

const fileUploadMachine = Machine({
  id: 'file-upload',
    initial: 'idle',
  context: {
    userId: 'abc-123',
    file: undefined,
    signedUrl: undefined,
    fileId: undefined,
  },
  states: {
    idle: {
      on: {
        DROP_FILE: [
          {
            target: 'generatingSignedUrl',
            actions: assign({
              file: (context, event) => event.file
            }),
            cond: (context, event) => isValidFile(event.file)
          },
          {
            actions: () => pushFlashMessage('Fichier invalide ! Veuillez réessayer avec un autre fichier.'),
            target: 'idle',
            cond: (context, event) => !isValidFile(event.file)
          }
        ],

      }
    },
    generatingSignedUrl: {
      invoke: {
        id: 'generateSignedUrl',
        src: (context, event) => generateSignedUrl(),
        onDone: {
          target: 'uploadingFile',
          actions: assign({
            signedUrl: (context, event) => event.data
          })
        },
        onError: {
          target: 'idle',
          actions: () => pushFlashMessage('Erreur lors du téléchargement du fichier ! Veuillez réessayer.')
        }
      }
    },
    uploadingFile: {
      invoke: {
        id: 'uploadFile',
        src: (context, event) => uploadFile({
          signedUrl: context.signedUrl,
          file: context.file
        }),
        onDone: {
          target: 'updatingUser',
          actions: assign({
            fileId: (context, event) => event.data
          })
        },
        onError: {
          target: 'idle',
          actions: () => pushFlashMessage('Erreur lors du téléchargement du fichier ! Veuillez réessayer.')
        }
      }
    },
    updatingUser: {
      invoke: {
        id: 'updateUser', 
        src: (context, event) => updateUser({
          userId: context.userId,
          fileId: context.fileId
        }),
        onDone: {
          target: 'idle',
          actions: () => pushFlashMessage('Informations mises à jour !')
        },
        onError: {
          target: 'idle',
          actions: () => pushFlashMessage('Erreur lors du téléchargement du fichier ! Veuillez réessayer.')
        }
      }
    }
  }
});
  
  
function isValidFile(file) {
  return true;
}