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({
      id: 'transaction_machine',
      context: {
        patientId: "",
        transactionId:"",
        patient: null,
        transaction: null,
        officePromotions: [],
        brands: [],
        patientAndBrandsError: '',
        treatments: [],
        warnings: null,
        awards: null,
        allerganBrandTreatmentSelected: false,
        promotionsEnabled: [],
        promotionsPermanentlyEnabled: [],
        usePointsEnabled: false,
        usePoints: 0,
        pointsEarned: 0,
        pointsUsed: 0,
        agreementAccepted: true,
        brandErrors: [],
        agreementAcceptedError: false,
        serverError: null,
      },
      initial: 'dataPending',
      states: {
        dataPending: {
          initial: 'loading',
          states: {
            loading: {
              invoke: {
                id: 'getPatientProfilePromotionsAndBrands',
                src: 'getPatientProfilePromotionsAndBrands',
                onDone: {
                  target: '#dataReady',
                  actions: 'storePatientAndBrands',
                },
                onError: {
                  target: 'error',
                  actions: 'storePatientAndBrandsError',
                },
              },
            },
            error: {
              type: 'final',
            },
          },
        },
        dataReady: {
          id: 'dataReady',
          type: 'parallel',
          on: {
            NEW_PATIENT_ID: {
              target: 'dataPending',
              actions: 'setPatientId',
            },
            PROMOTIONS_ENABLED_CHANGED: {
              actions: 'setPromotionsEnabled',
            },
            USE_POINTS_ENABLED_CHANGED: {
              actions: 'setUsePointsEnabled',
            },
            USE_POINTS_CHANGED: {
              actions: 'setUsePoints',
            },
            AGREEMENT_ACCEPTED_CHANGED: {
              actions: 'setAgreementAccepted',
            },
          },
          states: {
            transaction: {
              initial: 'idle',
              states: {
                idle: {
                  on: {
                    CREATE_TRANSACTION: {
                      target: 'validating',
                    },
                    UPDATE_TRANSACTION: {
                      target: 'validating',
                    },
                  },
                },
                validating: {
                  invoke: {
                    id: 'validateFields',
                    src: 'validateFields',
                    onDone: {
                      target: 'validationComplete',
                      actions: 'storeValidationErrors',
                    },
                  },
                },
                validationComplete: {
                  always: [
                    {
                      target: 'validationError',
                      cond: 'validationErrorsPresent',
                    },
                    {
                      target: 'create',
                      cond: 'isCreateTransaction',
                    },
                    {
                      target: 'update',
                      cond: 'isUpdateTransaction',
                    },
                  ],
                },
                validationError: {
                  on: {
                    CREATE_TRANSACTION: {
                      target: 'validating',
                    },
                    UPDATE_TRANSACTION: {
                      target: 'validating',
                    },
                  },
                  entry: 'onValidationError',
                },
                create: {
                  invoke: {
                    id: 'createTransaction',
                    src: 'createTransaction',
                    onDone: {
                      target: '#success',
                      actions: 'onSuccess',
                    },
                    onError: {
                      target: 'error',
                      actions: 'onError',
                    },
                  },
                },
                update: {
                  invoke: {
                    id: 'updateTransaction',
                    src: 'updateTransaction',
                    onDone: {
                      target: '#success',
                      actions: 'onSuccess',
                    },
                    onError: {
                      target: 'error',
                      actions: 'onError',
                    },
                  },
                },
                error: {
                  on: {
                    CREATE_TRANSACTION: {
                      target: 'validating',
                    },
                    UPDATE_TRANSACTION: {
                      target: 'validating',
                    },
                  },
                },
              },
            },
            checkoutSummary: {
              initial: 'idle',
              states: {
                idle: {
                  on: {
                    TREATMENTS_CHANGED: {
                      target: 'loading',
                      actions: ['setTreatments', 'onTreatmentsChanged'],
                    },
                  },
                },
                refetch: {
                  entry: send('TRANSACTION_SUMMARY_FETCH'),
                  on: {
                    TRANSACTION_SUMMARY_FETCH: 'loading',
                  },
                },
                loading: {
                  on: {
                    UPDATE: {
                      actions: [
                        'storePointsEarned',
                        'setWarnings',
                        'setAwards',
                        'updatePromotionsEnabled',
                      ],
                    },
                    TREATMENTS_CHANGED: {
                      target: 'refetch',
                      actions: ['setTreatments', 'onTreatmentsChanged'],
                    },
                  },
                  invoke: {
                    id: 'patientTransactionSummary',
                    src: 'patientTransactionSummary',
                    onDone: 'idle',
                  },
                },
              },
            },
          },
        },
        success: {
          id: 'success',
          type: 'final',
        },
      },
    });