import {split, createEffect, createEvent} from 'effector'

const messageReceived = createEvent()

const showTextPopup = createEvent()

const playAudio = createEvent()

const reportUnknownMessageType = createEffect({

  handler({type}) {

    console.log('unknown message:', type)

  }

})

​

split({

  source: messageReceived,

  match: {

    text: msg => msg.type === 'text',

    audio: msg => msg.type === 'audio',

  },

  cases: {

    text: showTextPopup,

    audio: playAudio,

    __: reportUnknownMessageType,

  },

})

​

showTextPopup.watch(({value}) => {

  console.log('new message:', value)

})

​

messageReceived({

  type: 'text',

  value: 'Hello',

})

// => new message: Hello

messageReceived({

  type: 'image',

  imageUrl: '...',

})

// => unknown message: image