div.segment.lg-full.sm-full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal
  solid-display.text-xxlarge.text-letter-spacing-large(
    bind-resources
    fields='const-title1, number, customer.name, dash, name'

    class-const-title1='text-color-heading text-bold text-uppercase'
    class-number='text-color-heading text-bold text-uppercase word-spacing-right'
    class-customer.name='text-color-heading text-bold text-uppercase'
    class-dash='text-color-heading text-bold text-xlarge'
    class-name=''

    value-const-title1='N°'
    value-dash=' - '
  )

.chat-view.segment.lg-full.sm-full.whitespace-normal
  solid-xmpp-chat(
    data-authentication='login',
    data-auto-login='true',
    data-websocket-url=`${xmppWebsocket || 'wss://jabber.happy-dev.fr/xmpp-websocket'}`,
    data-i18n='en',
    bind-resources
  )