derek-duncan

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

derek-duncan

Instinct Happy Paths
  Lockscreen*
    
    Practice Login*
      login practice -> User Login
     
    User Login
      login user -> Status Board
      
  Status Board&

derek-duncan

Internal Admin Tools

  Logged Out*
    log in -> Bulk Admin
    
  Bulk Admin
    practice selected -> Show Preview?
    action selected -> Preview
    csv selected -> CSV Upload
    # Clears the form

derek-duncan

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

derek-duncan

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

derek-duncan

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

derek-duncan

Machine({
    context: {
        entryType: null,
        isPending: false,
        isDropping: false,
        dropStatus: 'idle',
        formError: null,
        locationId: null,
        practiceId: null,
        practices: [],

derek-duncan

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

derek-duncan

// put me in your global.d.ts file

declare module 'react' {
  /**
   * Returns a stateful value, and a function to update it.
   */
  function useState<TValue>(
    initialState: TValue | (() => TValue)
  ): [TValue, (value: TValue | ((prevValue: TValue) => TValue)) => void];

derek-duncan

Writeback
  Idle*
    START_WRITEBACK -> Verify
  Verify
    VerifyPending
      VERIFY_FAIL -> VerifyError
      VERIFY_SUCCEED -> Send
    VerifyError
      VERIFY -> VerifyPending
      VERIFY_CANCEL -> Idle