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

machine.js

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions
  // - XState (all XState exports)
  
  const fetchMachine = Machine({
    initial: 'nothingSelected',
    states: {
      nothingSelected: {
        on: {
          CHOOSE_DEVELOPER: {
            target: 'developerSelected',
            actions: assign((context, event) => {
              return {
                developerId: event.developerId,
              };
            }),
          },
        },
      },
      developerSelected: {
        initial: 'noProjectSelected',
        on: {
          CHOOSE_DEVELOPER: [
            {
              target: '.noProjectSelected',
              actions: assign((context, event) => {
                return {
                  developerId: event.developerId,
                  paymentPlanId: undefined,
                  projectId: undefined,
                  unitId: undefined,
                };
              }),
            },
          ],
        },
        states: {
          noProjectSelected: {
            on: {
              CHOOSE_PROJECT: {
                target: 'projectSelected',
                actions: assign((context, event) => {
                  return {
                    projectId: event.projectId,
                  };
                }),
              },
            },
          },
          projectSelected: {
            on: {
              CHOOSE_PROJECT: {
                actions: assign((context, event) => {
                  return {
                    projectId: event.projectId,
                    paymentPlanId: undefined,
                    unitId: undefined,
                  };
                }),
              },
              CHOOSE_PAYMENT_PLAN: {
                actions: assign((context, event) => {
                  return {
                    paymentPlanId: event.paymentPlanId,
                  };
                }),
              },
              CHOOSE_UNIT: {
                actions: assign((context, event) => {
                  return {
                    unitId: event.unitId,
                  };
                }),
              },
            },
          },
        },
      },
    },
  });