lifedraft

function render(model){
  let current_state_name = model.active_states[0].name;
  return $("h1",
           {style: {color: "darkBlue"}},
           `The current state is: ${current_state_name}`);
}

lifedraft

Shipping
  FetchDeliveryAddressService*
    # context:
    # addresses: (filtered for tenant)
    # isFilterd: if addresses filtered
    # deliveryAddress (prefill: cart billingAddress + deliveryDate => scalar Date)
    # selection: uuid | new delivery address | useBillingAsShipping
    # billingAddressApplicable: true
    done -> Guard

lifedraft

Billing
  FetchBilling
    # context:
    # addresses: (filtered for tenant)
    # isFilterd: if empty addresses
    # billingAddress (prefill: registrationData | profile | cart billingAddress)
    # selection: uuid | new billing address
    done -> Guard

  Guard

lifedraft

Billing
  FetchBilling
    done -> Guard
  Guard
    doneLoggedIn -> LoggedIn
    doneGuest -> Guest
    
  LoggedIn  
    GuardLoggedIn
      withoutAddresses -> WithoutAddresses

lifedraft

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

lifedraft

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

lifedraft

// Available variables:
// - Machine
// - interpret
// - assign
// - send
// - sendParent
// - spawn
// - raise
// - actions
// - XState (all XState exports)

lifedraft

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

lifedraft

const fetchMachine = Machine({
  id: 'fetch',
  initial: 'query',

  states: {
    query: {
      initial: 'loading',
      states: {
        loading: {
          on: {

lifedraft

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions