jss material-ui hide intercom chat

intercom.ts

// tslint:disable:object-literal-sort-keys

import { create, StyleSheet } from 'jss'
import { jssPreset } from '@material-ui/core'

const jss = create(jssPreset())

const log = Logger.get('Intercom')

let invisibleSheet: undefined | StyleSheet<string>

export function intercomInvisible() {
  if (!invisibleSheet) {
    invisibleSheet = jss
      .createStyleSheet({
        '@global': {
          '.intercom-app': {
            visibility: 'hidden',
          },
        },
      } as any) // doesn't like the .intercom-app
      .attach()

    log.debug('attached sheet')
  }
}

export function intercomVisible() {
  if (invisibleSheet) {
    invisibleSheet.detach()
    invisibleSheet = undefined

    log.debug('detached sheet', invisibleSheet)
  }
}