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 onErrorHandler = {
  target: "error",
  actions: assign({
    error: (_, event) => event.data,
  }),
};

const INITIAL_CONTEXT = {
  token: null,
  error: null,
  uiIsBusy: false
}

const paypalWorkflowMachine = Machine({
  id: 'paypalWorkflowMachine',
  initial: 'idle',
  states: {
    idle: {
      on: {
        INITIALIZE: 'initial'
      }
    },
    initial: {
      // Demo purpose to immediatly fire a success event
      /*
      entry: sendParent('PAYPAL_POPUP_SUCCESS', {
        delay: 1000
      }),
      */
      on: {
        SUCCESS: sendParent('PAYPAL_POPUP_SUCCESS'),
        ERROR: {
          actions: sendParent('PAYPAL_POPUP_ERROR')
        },
        FAIL: {
          actions: sendParent('PAYPAL_POPUP_FAIL')
        }
      }
    }
  }
})

const paymentMachine = Machine({
  id: "BrainTreePaypalPaymentMachine",
  context: INITIAL_CONTEXT,
  initial: 'paymentMethodSelection',
  states: {
    paymentMethodSelection: {
      on: {
        SELECTED: 'paymentMethodSelected'
      }
    },
    paymentMethodSelected: {
      on: {
        REVIEW_ORDER: 'paymentMethodReview'
      }
    },
    paymentMethodReview: {
      on: {
        PAY_WITH_PAYPAL: 'waitingForPaypalPopup'
      }
    },
    waitingForPaypalPopup: {
      invoke: {
        id: 'paypalWorkflowMachine',
        src: paypalWorkflowMachine
      },
      entry: [
        send('INITIALIZE', { to: 'paypalWorkflowMachine' }),
        assign({ uiIsBusy: true })
      ],
      exit: assign({ uiIsBusy: false }),
      on: {
        PAYPAL_POPUP_SUCCESS: 'handlePaypalPopupSuccess',
        PAYPAL_POPUP_ERROR: 'handlePaypalError',
        PAYPAL_POPUP_CANCEL: 'handlePaypalCancel',
      }
    },
    handlePaypalPopupSuccess: {
      invoke: {
        id: 'confirmCardPayment',
        src: () => Promise.all("setPaymentMethodOnCartService", "placeOrderService"),
        onDone: {
          target: "paymentSuccess"
        }
      },
      exit: 'createOrderIdCookie'
    },
    handlePaypalError: {
      on: {
        NEXT: 'paymentMethodSelection'
      }
    },
    handlePaypalCancel: {
      on: {
        NEXT: 'paymentMethodReview'
      }
    },
    paymentSuccess: {
      type: 'final'
    }
  }
}, {
  actions: {},
  guards: {}
})