@nyaruka/temba-components 0.43.0 → 0.43.2

package/out-tsc/test/temba-contact-chat.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-contact-chat.test.js","sourceRoot":"","sources":["../../test/temba-contact-chat.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { useFakeTimers } from 'sinon';\nimport { Button } from '../src/button/Button';\nimport { Compose } from '../src/compose/Compose';\nimport { ContactChat } from '../src/contacts/ContactChat';\nimport { CustomEventType } from '../src/interfaces';\nimport { TicketList } from '../src/list/TicketList';\nimport {\n  assertScreenshot,\n  clearMockPosts,\n  getClip,\n  getComponent,\n  loadStore,\n  mockGET,\n  mockNow,\n  mockPOST,\n} from '../test/utils.test';\nimport {\n  getFailText,\n  getSuccessFiles,\n  getSuccessText,\n  updateComponent,\n} from './temba-compose.test';\n\nlet clock: any;\nmockNow('2021-03-31T00:31:00.000-00:00');\n\nconst TAG = 'temba-contact-chat';\nconst getContactChat = async (attrs: any = {}) => {\n  attrs['endpoint'] = '/test-assets/contacts/';\n  // add some sizes and styles to force our chat history to scroll\n  const chat = (await getComponent(\n    TAG,\n    attrs,\n    '',\n    500,\n    500,\n    'display:flex;flex-direction:column;flex-grow:1;min-height:0;'\n  )) as ContactChat;\n\n  // TODO: this should be waiting for an event instead\n  await waitFor(100);\n  return chat;\n};\n\nconst list_TAG = 'temba-list';\nconst getTicketList = async (attrs: any = {}) => {\n  const list = (await getComponent(list_TAG, attrs)) as TicketList;\n\n  if (!list.endpoint) {\n    return list;\n  }\n\n  return new Promise<TicketList>(resolve => {\n    list.addEventListener(\n      CustomEventType.FetchComplete,\n      async () => {\n        resolve(list);\n      },\n      { once: true }\n    );\n  });\n};\n\ndescribe('temba-contact-chat - contact tests', () => {\n  // map requests for contact history to our static files\n  // we'll just us the same historylist for everybody for now\n  beforeEach(() => {\n    mockGET(\n      /\\/contact\\/history\\/contact-.*/,\n      '/test-assets/contacts/history.json'\n    );\n    clock = useFakeTimers();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('can be created', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n\n    await assertScreenshot('contacts/contact-active-default', getClip(chat));\n  });\n\n  it('show history and show chatbox if contact is active', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n\n    await assertScreenshot(\n      'contacts/contact-active-show-chatbox',\n      getClip(chat)\n    );\n  });\n\n  it('show history and hide chatbox if contact is archived', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-barack-archived',\n    });\n\n    await assertScreenshot(\n      'contacts/contact-archived-hide-chatbox',\n      getClip(chat)\n    );\n  });\n\n  it('show history and hide chatbox if contact is blocked', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-michelle-blocked',\n    });\n\n    await assertScreenshot(\n      'contacts/contact-blocked-hide-chatbox',\n      getClip(chat)\n    );\n  });\n\n  it('show history and hide chatbox if contact is stopped', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-tim-stopped',\n    });\n\n    await assertScreenshot(\n      'contacts/contact-stopped-hide-chatbox',\n      getClip(chat)\n    );\n  });\n});\n\ndescribe('temba-contact-chat - contact tests - handle send tests - text no attachments', () => {\n  beforeEach(() => {\n    clearMockPosts();\n    mockGET(\n      /\\/contact\\/history\\/contact-.*/,\n      '/test-assets/contacts/history.json'\n    );\n    clock = useFakeTimers();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('with text no attachments - success', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    await updateComponent(compose, getSuccessText());\n\n    const response_body = {\n      contacts: [{ uuid: 'contact-dave-active', name: 'Dave Matthews' }],\n      text: { eng: 'sà-wàd-dee!' },\n      attachments: { eng: [] },\n    };\n    mockPOST(/api\\/v2\\/broadcasts\\.json/, response_body);\n\n    const send = compose.shadowRoot.querySelector(\n      'temba-button#send-button'\n    ) as Button;\n    send.click();\n\n    await assertScreenshot(\n      'contacts/compose-text-no-attachments-success',\n      getClip(chat)\n    );\n  });\n\n  it('with text no attachments - failure - more than 640 chars', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    // set the chatbox to a string that is 640+ chars\n    await updateComponent(compose, getFailText());\n\n    const response_body = {\n      text: { eng: ['Ensure this field has no more than 640 characters.'] },\n    };\n    const response_headers = {};\n    const response_status = '400';\n    mockPOST(\n      /api\\/v2\\/broadcasts\\.json/,\n      response_body,\n      response_headers,\n      response_status\n    );\n\n    const send = compose.shadowRoot.querySelector(\n      'temba-button#send-button'\n    ) as Button;\n    send.click();\n\n    await assertScreenshot(\n      'contacts/compose-text-no-attachments-failure',\n      getClip(chat)\n    );\n  });\n});\n\ndescribe('temba-contact-chat - contact tests - handle send tests - attachments no text', () => {\n  beforeEach(() => {\n    clearMockPosts();\n    mockGET(\n      /\\/contact\\/history\\/contact-.*/,\n      '/test-assets/contacts/history.json'\n    );\n    clock = useFakeTimers();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('with attachments no text - success', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    const attachments = getSuccessFiles();\n    await updateComponent(compose, null, attachments);\n    const response_body = {\n      contacts: [{ uuid: 'contact-dave-active', name: 'Dave Matthews' }],\n      text: { eng: '' },\n      attachments: { eng: attachments },\n    };\n    const response_headers = {};\n    const response_status = '200';\n    mockPOST(\n      /api\\/v2\\/broadcasts\\.json/,\n      response_body,\n      response_headers,\n      response_status\n    );\n\n    const send = compose.shadowRoot.querySelector(\n      'temba-button#send-button'\n    ) as Button;\n    send.click();\n\n    await assertScreenshot(\n      'contacts/compose-attachments-no-text-success',\n      getClip(chat)\n    );\n  });\n  it('with attachments no text - failure - more than 10 files', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    // set the attachments to a list that is 10+ items\n    await updateComponent(compose, null, getSuccessFiles(11));\n\n    const response_body = {\n      attachments: { eng: ['Ensure this field has no more than 10 elements.'] },\n    };\n    const response_headers = {};\n    const response_status = '400';\n    mockPOST(\n      /api\\/v2\\/broadcasts\\.json/,\n      response_body,\n      response_headers,\n      response_status\n    );\n\n    const send = compose.shadowRoot.querySelector(\n      'temba-button#send-button'\n    ) as Button;\n    send.click();\n\n    await assertScreenshot(\n      'contacts/compose-attachments-no-text-failure',\n      getClip(chat)\n    );\n  });\n});\n\ndescribe('temba-contact-chat - contact tests - handle send tests - text and attachments', () => {\n  beforeEach(() => {\n    clearMockPosts();\n    mockGET(\n      /\\/contact\\/history\\/contact-.*/,\n      '/test-assets/contacts/history.json'\n    );\n    clock = useFakeTimers();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('with text and attachments - success', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    await updateComponent(compose, getSuccessText(), getSuccessFiles());\n\n    const text = getSuccessText();\n    const attachments = getSuccessFiles();\n    const response_body = {\n      contacts: [{ uuid: 'contact-dave-active', name: 'Dave Matthews' }],\n      text: { eng: text },\n      attachments: { eng: attachments },\n    };\n    mockPOST(/api\\/v2\\/broadcasts\\.json/, response_body);\n\n    const send = compose.shadowRoot.querySelector(\n      'temba-button#send-button'\n    ) as Button;\n    send.click();\n\n    await assertScreenshot(\n      'contacts/compose-text-and-attachments-success',\n      getClip(chat)\n    );\n  });\n\n  it('with text and attachments - failure - more than 640 chars', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    // set the chatbox to a string that is 640+ chars\n    await updateComponent(compose, getFailText(), getSuccessFiles());\n\n    const response_body = {\n      text: { eng: ['Ensure this field has no more than 640 characters.'] },\n    };\n    const response_headers = {};\n    const response_status = '400';\n    mockPOST(\n      /api\\/v2\\/broadcasts\\.json/,\n      response_body,\n      response_headers,\n      response_status\n    );\n\n    const send = compose.shadowRoot.querySelector(\n      'temba-button#send-button'\n    ) as Button;\n    send.click();\n\n    await assertScreenshot(\n      'contacts/compose-text-and-attachments-failure-text',\n      getClip(chat)\n    );\n  });\n\n  it('with text and attachments - failure - more than 10 files', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    // set the attachments to a list that is 10+ items\n    await updateComponent(compose, getSuccessText(), getSuccessFiles(11));\n\n    const response_body = {\n      attachments: { eng: ['Ensure this field has no more than 10 elements.'] },\n    };\n    const response_headers = {};\n    const response_status = '400';\n    mockPOST(\n      /api\\/v2\\/broadcasts\\.json/,\n      response_body,\n      response_headers,\n      response_status\n    );\n\n    const send = compose.shadowRoot.querySelector(\n      'temba-button#send-button'\n    ) as Button;\n    send.click();\n\n    await assertScreenshot(\n      'contacts/compose-text-and-attachments-failure-attachments',\n      getClip(chat)\n    );\n  });\n\n  it('with text and attachments - failure - more than 640 chars and more than 10 files', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    // set the chatbox to a string that is 640+ chars\n    // set the attachments to a list that is 10+ items\n    await updateComponent(compose, getFailText(), getSuccessFiles(11));\n\n    const response_body = {\n      text: { eng: ['Ensure this field has no more than 640 characters.'] },\n    };\n    const response_headers = {};\n    const response_status = '400';\n    mockPOST(\n      /api\\/v2\\/broadcasts\\.json/,\n      response_body,\n      response_headers,\n      response_status\n    );\n\n    const send = compose.shadowRoot.querySelector(\n      'temba-button#send-button'\n    ) as Button;\n    send.click();\n\n    await assertScreenshot(\n      'contacts/compose-text-and-attachments-failure-text-and-attachments',\n      getClip(chat)\n    );\n  });\n\n  it('with text and attachments - failure - generic', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    await updateComponent(compose, getSuccessText(), getSuccessFiles());\n\n    const response_body = {};\n    const response_headers = {};\n    const response_status = '500';\n    mockPOST(\n      /api\\/v2\\/broadcasts\\.json/,\n      response_body,\n      response_headers,\n      response_status\n    );\n\n    const send = compose.shadowRoot.querySelector(\n      'temba-button#send-button'\n    ) as Button;\n    send.click();\n\n    await assertScreenshot(\n      'contacts/compose-text-and-attachments-failure-generic',\n      getClip(chat)\n    );\n  });\n});\n\ndescribe('temba-contact-chat - ticket tests', () => {\n  // map requests for contact history to our static files\n  // we'll just us the same history for everybody for now\n  beforeEach(() => {\n    mockGET(\n      /\\/contact\\/history\\/contact-.*/,\n      '/test-assets/contacts/history.json'\n    );\n\n    mockGET(/\\/api\\/v2\\/tickets\\.json.*/, '/test-assets/tickets/empty.json');\n    clock = useFakeTimers();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('show history and show chatbox if contact is active and ticket is open', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-carter-active',\n    });\n\n    const tickets: TicketList = await getTicketList({\n      endpoint: '/test-assets/tickets/ticket-carter-open.json',\n    });\n\n    chat.currentTicket = tickets.items[0];\n    chat.refresh();\n    await chat.httpComplete;\n\n    // we want to wait until our scroll is finished before taking our screenshot\n    // once we have two scrollTops that are the same, we'll assume we're ready\n    let lastScroll = 0;\n    await assertScreenshot(\n      'contacts/contact-active-ticket-open-show-chatbox',\n      getClip(chat),\n      {\n        clock: clock,\n        predicate: () => {\n          const currentScroll = chat\n            .getContactHistory()\n            .getEventsPane().scrollTop;\n          if (currentScroll !== 0 && currentScroll === lastScroll) {\n            return true;\n          }\n          lastScroll = currentScroll;\n        },\n      }\n    );\n  });\n\n  it('show history and show reopen button if contact is active and ticket is closed', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-carter-active',\n    });\n\n    const tickets: TicketList = await getTicketList({\n      endpoint: '/test-assets/tickets/ticket-carter-closed.json',\n    });\n    chat.currentTicket = tickets.items[0];\n    chat.refresh();\n    await chat.httpComplete;\n\n    let lastScroll = 0;\n    await assertScreenshot(\n      'contacts/contact-active-ticket-closed-show-reopen-button',\n      getClip(chat),\n      {\n        clock: clock,\n        predicate: () => {\n          const currentScroll = chat\n            .getContactHistory()\n            .getEventsPane().scrollTop;\n          if (currentScroll !== 0 && currentScroll === lastScroll) {\n            return true;\n          }\n          lastScroll = currentScroll;\n        },\n      }\n    );\n  });\n\n  it('show history and hide chatbox if contact is archived and ticket is closed', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-barack-archived',\n    });\n\n    const tickets: TicketList = await getTicketList({\n      endpoint: '/test-assets/tickets/ticket-barack-closed.json',\n    });\n    chat.currentTicket = tickets.items[0];\n    chat.refresh();\n    await chat.httpComplete;\n    let lastScroll = 0;\n    await assertScreenshot(\n      'contacts/contact-archived-ticket-closed-hide-chatbox',\n      getClip(chat),\n      {\n        clock: clock,\n        predicate: () => {\n          const currentScroll = chat\n            .getContactHistory()\n            .getEventsPane().scrollTop;\n          if (currentScroll !== 0 && currentScroll === lastScroll) {\n            return true;\n          }\n          lastScroll = currentScroll;\n        },\n      }\n    );\n  });\n});\n"]}
+{"version":3,"file":"temba-contact-chat.test.js","sourceRoot":"","sources":["../../test/temba-contact-chat.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { useFakeTimers } from 'sinon';\nimport { Button } from '../src/button/Button';\nimport { Compose } from '../src/compose/Compose';\nimport { ContactChat } from '../src/contacts/ContactChat';\nimport { CustomEventType } from '../src/interfaces';\nimport { TicketList } from '../src/list/TicketList';\nimport {\n  assertScreenshot,\n  clearMockPosts,\n  getClip,\n  getComponent,\n  loadStore,\n  mockGET,\n  mockNow,\n  mockPOST,\n} from '../test/utils.test';\nimport {\n  getFailText,\n  getSuccessFiles,\n  getSuccessText,\n  updateComponent,\n} from './temba-compose.test';\n\nlet clock: any;\nmockNow('2021-03-31T00:31:00.000-00:00');\n\nconst TAG = 'temba-contact-chat';\nconst getContactChat = async (attrs: any = {}) => {\n  attrs['endpoint'] = '/test-assets/contacts/';\n  // add some sizes and styles to force our chat history to scroll\n  const chat = (await getComponent(\n    TAG,\n    attrs,\n    '',\n    500,\n    500,\n    'display:flex;flex-direction:column;flex-grow:1;min-height:0;'\n  )) as ContactChat;\n\n  // TODO: this should be waiting for an event instead\n  await waitFor(100);\n  return chat;\n};\n\nconst list_TAG = 'temba-list';\nconst getTicketList = async (attrs: any = {}) => {\n  const list = (await getComponent(list_TAG, attrs)) as TicketList;\n\n  if (!list.endpoint) {\n    return list;\n  }\n\n  return new Promise<TicketList>(resolve => {\n    list.addEventListener(\n      CustomEventType.FetchComplete,\n      async () => {\n        resolve(list);\n      },\n      { once: true }\n    );\n  });\n};\n\ndescribe('temba-contact-chat - contact tests', () => {\n  // map requests for contact history to our static files\n  // we'll just us the same historylist for everybody for now\n  beforeEach(() => {\n    mockGET(\n      /\\/contact\\/history\\/contact-.*/,\n      '/test-assets/contacts/history.json'\n    );\n    clock = useFakeTimers();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('can be created', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n\n    await assertScreenshot('contacts/contact-active-default', getClip(chat));\n  });\n\n  it('show history and show chatbox if contact is active', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n\n    await assertScreenshot(\n      'contacts/contact-active-show-chatbox',\n      getClip(chat)\n    );\n  });\n\n  it('show history and hide chatbox if contact is archived', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-barack-archived',\n    });\n\n    await assertScreenshot(\n      'contacts/contact-archived-hide-chatbox',\n      getClip(chat)\n    );\n  });\n\n  it('show history and hide chatbox if contact is blocked', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-michelle-blocked',\n    });\n\n    await assertScreenshot(\n      'contacts/contact-blocked-hide-chatbox',\n      getClip(chat)\n    );\n  });\n\n  it('show history and hide chatbox if contact is stopped', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-tim-stopped',\n    });\n\n    await assertScreenshot(\n      'contacts/contact-stopped-hide-chatbox',\n      getClip(chat)\n    );\n  });\n});\n\ndescribe('temba-contact-chat - contact tests - handle send tests - text no attachments', () => {\n  beforeEach(() => {\n    clearMockPosts();\n    mockGET(\n      /\\/contact\\/history\\/contact-.*/,\n      '/test-assets/contacts/history.json'\n    );\n    clock = useFakeTimers();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('with text no attachments - success', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    await updateComponent(compose, getSuccessText());\n\n    const response_body = {\n      contact: { uuid: 'contact-dave-active', name: 'Dave Matthews' },\n      text: { eng: 'sà-wàd-dee!' },\n      attachments: { eng: [] },\n    };\n    mockPOST(/api\\/v2\\/messages\\.json/, response_body);\n\n    const send = compose.shadowRoot.querySelector(\n      'temba-button#send-button'\n    ) as Button;\n    send.click();\n\n    await assertScreenshot(\n      'contacts/compose-text-no-attachments-success',\n      getClip(chat)\n    );\n  });\n\n  it('with text no attachments - failure - more than 640 chars', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    // set the chatbox to a string that is 640+ chars\n    await updateComponent(compose, getFailText());\n\n    const response_body = {\n      text: { eng: ['Ensure this field has no more than 640 characters.'] },\n    };\n    const response_headers = {};\n    const response_status = '400';\n    mockPOST(\n      /api\\/v2\\/messages\\.json/,\n      response_body,\n      response_headers,\n      response_status\n    );\n\n    const send = compose.shadowRoot.querySelector(\n      'temba-button#send-button'\n    ) as Button;\n    send.click();\n\n    await assertScreenshot(\n      'contacts/compose-text-no-attachments-failure',\n      getClip(chat)\n    );\n  });\n});\n\ndescribe('temba-contact-chat - contact tests - handle send tests - attachments no text', () => {\n  beforeEach(() => {\n    clearMockPosts();\n    mockGET(\n      /\\/contact\\/history\\/contact-.*/,\n      '/test-assets/contacts/history.json'\n    );\n    clock = useFakeTimers();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('with attachments no text - success', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    const attachments = getSuccessFiles();\n    await updateComponent(compose, null, attachments);\n    const response_body = {\n      contact: { uuid: 'contact-dave-active', name: 'Dave Matthews' },\n      text: { eng: '' },\n      attachments: { eng: attachments },\n    };\n    const response_headers = {};\n    const response_status = '200';\n    mockPOST(\n      /api\\/v2\\/messages\\.json/,\n      response_body,\n      response_headers,\n      response_status\n    );\n\n    const send = compose.shadowRoot.querySelector(\n      'temba-button#send-button'\n    ) as Button;\n    send.click();\n\n    await assertScreenshot(\n      'contacts/compose-attachments-no-text-success',\n      getClip(chat)\n    );\n  });\n  it('with attachments no text - failure - more than 10 files', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    // set the attachments to a list that is 10+ items\n    await updateComponent(compose, null, getSuccessFiles(11));\n\n    const response_body = {\n      attachments: { eng: ['Ensure this field has no more than 10 elements.'] },\n    };\n    const response_headers = {};\n    const response_status = '400';\n    mockPOST(\n      /api\\/v2\\/messages\\.json/,\n      response_body,\n      response_headers,\n      response_status\n    );\n\n    const send = compose.shadowRoot.querySelector(\n      'temba-button#send-button'\n    ) as Button;\n    send.click();\n\n    await assertScreenshot(\n      'contacts/compose-attachments-no-text-failure',\n      getClip(chat)\n    );\n  });\n});\n\ndescribe('temba-contact-chat - contact tests - handle send tests - text and attachments', () => {\n  beforeEach(() => {\n    clearMockPosts();\n    mockGET(\n      /\\/contact\\/history\\/contact-.*/,\n      '/test-assets/contacts/history.json'\n    );\n    clock = useFakeTimers();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('with text and attachments - success', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    await updateComponent(compose, getSuccessText(), getSuccessFiles());\n\n    const text = getSuccessText();\n    const attachments = getSuccessFiles();\n    const response_body = {\n      contact: { uuid: 'contact-dave-active', name: 'Dave Matthews' },\n      text: { eng: text },\n      attachments: { eng: attachments },\n    };\n    mockPOST(/api\\/v2\\/messages\\.json/, response_body);\n\n    const send = compose.shadowRoot.querySelector(\n      'temba-button#send-button'\n    ) as Button;\n    send.click();\n\n    await assertScreenshot(\n      'contacts/compose-text-and-attachments-success',\n      getClip(chat)\n    );\n  });\n\n  it('with text and attachments - failure - more than 640 chars', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    // set the chatbox to a string that is 640+ chars\n    await updateComponent(compose, getFailText(), getSuccessFiles());\n\n    const response_body = {\n      text: { eng: ['Ensure this field has no more than 640 characters.'] },\n    };\n    const response_headers = {};\n    const response_status = '400';\n    mockPOST(\n      /api\\/v2\\/messages\\.json/,\n      response_body,\n      response_headers,\n      response_status\n    );\n\n    const send = compose.shadowRoot.querySelector(\n      'temba-button#send-button'\n    ) as Button;\n    send.click();\n\n    await assertScreenshot(\n      'contacts/compose-text-and-attachments-failure-text',\n      getClip(chat)\n    );\n  });\n\n  it('with text and attachments - failure - more than 10 files', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    // set the attachments to a list that is 10+ items\n    await updateComponent(compose, getSuccessText(), getSuccessFiles(11));\n\n    const response_body = {\n      attachments: { eng: ['Ensure this field has no more than 10 elements.'] },\n    };\n    const response_headers = {};\n    const response_status = '400';\n    mockPOST(\n      /api\\/v2\\/messages\\.json/,\n      response_body,\n      response_headers,\n      response_status\n    );\n\n    const send = compose.shadowRoot.querySelector(\n      'temba-button#send-button'\n    ) as Button;\n    send.click();\n\n    await assertScreenshot(\n      'contacts/compose-text-and-attachments-failure-attachments',\n      getClip(chat)\n    );\n  });\n\n  it('with text and attachments - failure - more than 640 chars and more than 10 files', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    // set the chatbox to a string that is 640+ chars\n    // set the attachments to a list that is 10+ items\n    await updateComponent(compose, getFailText(), getSuccessFiles(11));\n\n    const response_body = {\n      text: { eng: ['Ensure this field has no more than 640 characters.'] },\n    };\n    const response_headers = {};\n    const response_status = '400';\n    mockPOST(\n      /api\\/v2\\/messages\\.json/,\n      response_body,\n      response_headers,\n      response_status\n    );\n\n    const send = compose.shadowRoot.querySelector(\n      'temba-button#send-button'\n    ) as Button;\n    send.click();\n\n    await assertScreenshot(\n      'contacts/compose-text-and-attachments-failure-text-and-attachments',\n      getClip(chat)\n    );\n  });\n\n  it('with text and attachments - failure - generic', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    await updateComponent(compose, getSuccessText(), getSuccessFiles());\n\n    const response_body = {};\n    const response_headers = {};\n    const response_status = '500';\n    mockPOST(\n      /api\\/v2\\/messages\\.json/,\n      response_body,\n      response_headers,\n      response_status\n    );\n\n    const send = compose.shadowRoot.querySelector(\n      'temba-button#send-button'\n    ) as Button;\n    send.click();\n\n    await assertScreenshot(\n      'contacts/compose-text-and-attachments-failure-generic',\n      getClip(chat)\n    );\n  });\n});\n\ndescribe('temba-contact-chat - ticket tests', () => {\n  // map requests for contact history to our static files\n  // we'll just us the same history for everybody for now\n  beforeEach(() => {\n    mockGET(\n      /\\/contact\\/history\\/contact-.*/,\n      '/test-assets/contacts/history.json'\n    );\n\n    mockGET(/\\/api\\/v2\\/tickets\\.json.*/, '/test-assets/tickets/empty.json');\n    clock = useFakeTimers();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('show history and show chatbox if contact is active and ticket is open', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-carter-active',\n    });\n\n    const tickets: TicketList = await getTicketList({\n      endpoint: '/test-assets/tickets/ticket-carter-open.json',\n    });\n\n    chat.currentTicket = tickets.items[0];\n    chat.refresh();\n    await chat.httpComplete;\n\n    // we want to wait until our scroll is finished before taking our screenshot\n    // once we have two scrollTops that are the same, we'll assume we're ready\n    let lastScroll = 0;\n    await assertScreenshot(\n      'contacts/contact-active-ticket-open-show-chatbox',\n      getClip(chat),\n      {\n        clock: clock,\n        predicate: () => {\n          const currentScroll = chat\n            .getContactHistory()\n            .getEventsPane().scrollTop;\n          if (currentScroll !== 0 && currentScroll === lastScroll) {\n            return true;\n          }\n          lastScroll = currentScroll;\n        },\n      }\n    );\n  });\n\n  it('show history and show reopen button if contact is active and ticket is closed', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-carter-active',\n    });\n\n    const tickets: TicketList = await getTicketList({\n      endpoint: '/test-assets/tickets/ticket-carter-closed.json',\n    });\n    chat.currentTicket = tickets.items[0];\n    chat.refresh();\n    await chat.httpComplete;\n\n    let lastScroll = 0;\n    await assertScreenshot(\n      'contacts/contact-active-ticket-closed-show-reopen-button',\n      getClip(chat),\n      {\n        clock: clock,\n        predicate: () => {\n          const currentScroll = chat\n            .getContactHistory()\n            .getEventsPane().scrollTop;\n          if (currentScroll !== 0 && currentScroll === lastScroll) {\n            return true;\n          }\n          lastScroll = currentScroll;\n        },\n      }\n    );\n  });\n\n  it('show history and hide chatbox if contact is archived and ticket is closed', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-barack-archived',\n    });\n\n    const tickets: TicketList = await getTicketList({\n      endpoint: '/test-assets/tickets/ticket-barack-closed.json',\n    });\n    chat.currentTicket = tickets.items[0];\n    chat.refresh();\n    await chat.httpComplete;\n    let lastScroll = 0;\n    await assertScreenshot(\n      'contacts/contact-archived-ticket-closed-hide-chatbox',\n      getClip(chat),\n      {\n        clock: clock,\n        predicate: () => {\n          const currentScroll = chat\n            .getContactHistory()\n            .getEventsPane().scrollTop;\n          if (currentScroll !== 0 && currentScroll === lastScroll) {\n            return true;\n          }\n          lastScroll = currentScroll;\n        },\n      }\n    );\n  });\n});\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nyaruka/temba-components",
-  "version": "0.43.0",
+  "version": "0.43.2",
   "description": "Web components to support rapidpro and related projects",
   "author": "Nyaruka <code@nyaruka.coim>",
   "main": "dist/index.js",

package/src/compose/Compose.ts

@@ -12,17 +12,20 @@ import {
   WebResponse,
 } from '../utils';
 import { Completion } from '../completion/Completion';
+import { VectorIcon } from '../vectoricon/VectorIcon';
+import { Button } from '../button/Button';
 
 export interface Attachment {
   uuid: string;
   content_type: string;
-  type: string; //deprecated
   url: string;
-  name: string;
+  filename: string;
   size: number;
   error: string;
 }
 
+export const upload_endpoint = '/api/v2/media.json';
+
 export class Compose extends FormElement {
   static get styles() {
     return css`
@@ -199,7 +202,7 @@ export class Compose extends FormElement {
   accept = ''; //e.g. ".xls,.xlsx"
 
   @property({ type: String, attribute: false })
-  endpoint = '/msgmedia/upload/';
+  endpoint = upload_endpoint;
 
   @property({ type: Boolean, attribute: false })
   uploading: boolean;
@@ -225,23 +228,27 @@ export class Compose extends FormElement {
   public updated(changes: Map<string, any>): void {
     super.updated(changes);
 
-    if (
-      changes.has('currentChat') ||
-      changes.has('values') ||
-      changes.has('buttonError')
-    ) {
+    if (changes.has('currentChat') || changes.has('values')) {
+      this.buttonError = '';
       this.toggleButton();
     }
   }
 
   firstUpdated(): void {
-    const completion = this.shadowRoot.querySelector(
-      'temba-completion'
-    ) as Completion;
-    if (completion) {
-      window.setTimeout(() => {
-        completion.click();
-      }, 0);
+    this.setFocusOnChatbox();
+  }
+
+  setFocusOnChatbox(): void {
+    if (this.chatbox) {
+      const completion = this.shadowRoot.querySelector(
+        'temba-completion'
+      ) as Completion;
+      if (completion) {
+        //simulate a click inside the completion to set focus
+        window.setTimeout(() => {
+          completion.click();
+        }, 0);
+      }
     }
   }
 
@@ -334,19 +341,21 @@ export class Compose extends FormElement {
     payload.append('file', file);
     postFormData(url, payload)
       .then((response: WebResponse) => {
-        if (response.json.error) {
-          this.addErrorValue(file, response.json.error);
-        } else {
-          const attachment = response.json as Attachment;
-          if (attachment) {
-            this.addValue(attachment);
-            this.fireCustomEvent(CustomEventType.AttachmentAdded, attachment);
-          }
+        const attachment = response.json as Attachment;
+        if (attachment) {
+          this.addValue(attachment);
+          this.fireCustomEvent(CustomEventType.AttachmentAdded, attachment);
         }
       })
-      .catch((error: string) => {
-        console.log(error);
-        this.addErrorValue(file, error);
+      .catch((error: WebResponse) => {
+        let fileError = '';
+        if (error.status === 400) {
+          fileError = error.json.file[0];
+        } else {
+          fileError = 'Server failure';
+        }
+        console.error(fileError);
+        this.addErrorValue(file, fileError);
       })
       .finally(() => {
         this.uploading = false;
@@ -357,12 +366,11 @@ export class Compose extends FormElement {
     const errorValue = {
       uuid: Math.random().toString(36).slice(2, 6),
       content_type: file.type,
-      type: file.type,
-      name: file.name,
+      filename: file.name,
       url: file.name,
       size: file.size,
       error: error,
-    };
+    } as Attachment;
     this.errorValues.push(errorValue);
     this.requestUpdate('errorValues');
   }
@@ -392,20 +400,16 @@ export class Compose extends FormElement {
 
   public toggleButton() {
     if (this.button) {
-      if (this.buttonError && this.buttonError.length > 0) {
-        this.buttonDisabled = true;
+      const chatboxEmpty = this.currentChat.trim().length === 0;
+      const attachmentsEmpty = this.values.length === 0;
+      if (this.chatbox && this.attachments) {
+        this.buttonDisabled = chatboxEmpty && attachmentsEmpty;
+      } else if (this.chatbox) {
+        this.buttonDisabled = chatboxEmpty;
+      } else if (this.attachments) {
+        this.buttonDisabled = attachmentsEmpty;
       } else {
-        const chatboxEmpty = this.currentChat.trim().length === 0;
-        const attachmentsEmpty = this.values.length === 0;
-        if (this.chatbox && this.attachments) {
-          this.buttonDisabled = chatboxEmpty && attachmentsEmpty;
-        } else if (this.chatbox) {
-          this.buttonDisabled = chatboxEmpty;
-        } else if (this.attachments) {
-          this.buttonDisabled = attachmentsEmpty;
-        } else {
-          this.buttonDisabled = true;
-        }
+        this.buttonDisabled = true;
       }
     }
   }
@@ -429,12 +433,9 @@ export class Compose extends FormElement {
       this.buttonDisabled = true;
       const name = this.buttonName;
       this.fireCustomEvent(CustomEventType.ButtonClicked, { name });
-    }
-  }
 
-  private handleSendBlur() {
-    if (this.buttonError.length > 0) {
-      this.buttonError = '';
+      //after send, return focus to chatbox
+      this.setFocusOnChatbox();
     }
   }
 
@@ -469,7 +470,6 @@ export class Compose extends FormElement {
       @change=${this.handleChatboxChange}
       @keydown=${this.handleSendEnter}
       placeholder="Write something here"
-      @blur=${this.handleSendBlur}
     >
     </temba-completion>`;
   }
@@ -492,13 +492,13 @@ export class Compose extends FormElement {
                 </div>
                 <div class="attachment-name">
                   <span
-                    title="${attachment.name} (${formatFileSize(
+                    title="${attachment.filename} (${formatFileSize(
                       attachment.size,
                       2
-                    )}) ${attachment.type}"
-                    >${truncate(attachment.name, 25)}
+                    )}) ${attachment.content_type}"
+                    >${truncate(attachment.filename, 25)}
                     (${formatFileSize(attachment.size, 0)})
-                    ${formatFileType(attachment.type)}</span
+                    ${formatFileType(attachment.content_type)}</span
                   >
                 </div>
               </div>`;
@@ -516,11 +516,11 @@ export class Compose extends FormElement {
                 </div>
                 <div class="attachment-name">
                   <span
-                    title="${errorAttachment.name} (${formatFileSize(
+                    title="${errorAttachment.filename} (${formatFileSize(
                       0,
                       0
                     )}) - Attachment failed - ${errorAttachment.error}"
-                    >${truncate(errorAttachment.name, 25)}
+                    >${truncate(errorAttachment.filename, 25)}
                     (${formatFileSize(0, 0)}) - Attachment failed</span
                   >
                 </div>
@@ -579,7 +579,6 @@ export class Compose extends FormElement {
       name=${this.buttonName}
       @click=${this.handleSendClick}
       ?disabled=${this.buttonDisabled}
-      @blur=${this.handleSendBlur}
     ></temba-button>`;
   }
 }

package/src/contacts/ContactChat.ts

@@ -267,7 +267,7 @@ export class ContactChat extends ContactStoreElement {
     const buttonName = evt.detail.name;
     if (buttonName === 'Send') {
       const payload = {
-        contacts: [this.currentContact.uuid],
+        contact: this.currentContact.uuid,
       };
       const compose = evt.currentTarget as Compose;
       if (compose) {
@@ -289,7 +289,7 @@ export class ContactChat extends ContactStoreElement {
 
       const genericError = buttonName + ' failed, please try again.';
 
-      postJSON(`/api/v2/broadcasts.json`, payload)
+      postJSON(`/api/v2/messages.json`, payload)
         .then(response => {
           if (response.status < 400) {
             compose.reset();

package/src/dialog/Dialog.ts

@@ -215,14 +215,12 @@ export class Dialog extends RapidElement {
           this.animationEnd = false;
         }, 400);
 
-        const scrollbarWidth = window.outerWidth - body.clientWidth;
         this.scrollOffset = -document.documentElement.scrollTop;
         body.style.position = 'fixed';
         body.style.overflowY = 'scroll';
         body.style.top = this.scrollOffset + 'px';
         body.style.width = '100%';
         body.style.overflowY = 'hidden';
-        body.style.paddingRight = scrollbarWidth + 'px';
       } else {
         body.style.position = '';
         body.style.overflowY = '';

package/src/dropdown/Dropdown.ts

@@ -65,7 +65,6 @@ export class Dropdown extends RapidElement {
         background: rgba(0, 0, 0, 0.7);
         opacity: 0;
         transition: opacity var(--transition-speed) ease-in-out;
-        z-index: 1;
         pointer-events: none;
       }
 

package/src/lightbox/Lightbox.ts

@@ -93,18 +93,20 @@ export class Lightbox extends RapidElement {
 
     let desiredWidth = this.width;
     let desiredHeight = this.height;
+    let desiredScale = this.scale;
 
-    // set our destination and size
-    if (this.height > this.width) {
+    const maxHeight = window.innerHeight * this.zoomPct;
+    const maxWidth = window.innerWidth * this.zoomPct;
+
+    // if the width fits, constrain by height
+    if (this.width * (maxHeight / this.height) < maxWidth) {
       desiredHeight = window.innerHeight * this.zoomPct;
-      this.scale = desiredHeight / this.height;
-      desiredWidth = this.width * this.scale;
-    }
-    // landscape
-    else {
+      desiredScale = desiredHeight / this.height;
+      desiredWidth = this.width * desiredScale;
+    } else {
       desiredWidth = window.innerWidth * this.zoomPct;
-      this.scale = desiredWidth / this.width;
-      desiredHeight = this.height * this.scale;
+      desiredScale = desiredWidth / this.width;
+      desiredHeight = this.height * desiredScale;
     }
 
     const xGrowth = (desiredWidth - this.width) / 2;
@@ -114,6 +116,8 @@ export class Lightbox extends RapidElement {
     const yGrowth = (desiredHeight - this.height) / 2;
     const yDest = (window.innerHeight - desiredHeight) / 2;
     this.yTrans = yDest - this.top + yGrowth + 'px';
+
+    this.scale = desiredScale;
     this.show = true;
   }
 

package/src/list/ContentMenu.ts

@@ -80,10 +80,6 @@ export class ContentMenu extends RapidElement {
       .item:hover {
         color: rgb(var(--primary-rgb));
       }
-
-      temba-dropdown {
-        z-index: 20;
-      }
     `;
   }
 

package/src/list/TembaMenu.ts

@@ -124,17 +124,39 @@ export class TembaMenu extends RapidElement {
 
       .level-0 > .item,
       .level-0 > temba-dropdown > div[slot='toggle'] > .avatar {
-        background: var(--color-primary-dark);
+        padding: 0px;
         --icon-color: rgba(255, 255, 255, 0.7);
         font-size: 1em;
+        flex-direction: column;
+        border: 0px solid green;
+        width: 100%;
+        display: flex;
+        align-items: center;
       }
 
-      .level-0 > .top {
-        padding-top: var(--menu-padding);
+      .level-0 > .item.selected::before,
+      .level-0 > .item.selected::after {
+        content: ' ';
+        height: var(--curvature);
         background: var(--color-primary-dark);
-        display: flex;
-        flex-direction: column;
-        align-items: center;
+        display: block;
+        width: 100%;
+      }
+
+      .level-0 > .item.selected::before {
+        border-bottom-right-radius: var(--curvature);
+      }
+
+      .level-0 > .item > temba-tip {
+        padding: 1em;
+      }
+
+      .level-0 > .item.selected::after {
+        border-top-right-radius: var(--curvature);
+      }
+
+      .level-0 {
+        padding-top: var(--menu-padding) !important;
       }
 
       .level-0 > .empty {
@@ -148,6 +170,14 @@ export class TembaMenu extends RapidElement {
         background: var(--color-primary-dark);
       }
 
+      .level-0 > temba-dropdown.open > div[slot='toggle'] > .avatar {
+        background: transparent !important;
+      }
+
+      .level-0 {
+        background: var(--color-primary-dark);
+      }
+
       temba-dropdown {
         z-index: 1;
       }
@@ -174,7 +204,7 @@ export class TembaMenu extends RapidElement {
       }
 
       .level-0 > .item.selected {
-        background: inherit;
+        background: white;
         --icon-color: var(--color-primary-dark);
       }
 
@@ -184,7 +214,12 @@ export class TembaMenu extends RapidElement {
 
       .level-0 {
         padding: 0px;
-        z-index: 500;
+      }
+
+      .top {
+        display: flex;
+        align-items: center;
+        flex-direction: column;
       }
 
       .item {
@@ -208,7 +243,6 @@ export class TembaMenu extends RapidElement {
       }
 
       .level-0 > .item {
-        padding: 1em 1em;
         margin-top: 0em;
         border-radius: 0px;
         min-width: inherit;
@@ -249,12 +283,12 @@ export class TembaMenu extends RapidElement {
       }
 
       .level-0 > .item:hover {
-        background: rgba(var(--primary-rgb), 0.85);
+        background: rgba(255, 255, 255, 0.15);
         --icon-color: #fff;
       }
 
       .level-0 > .item.selected:hover {
-        background: inherit;
+        background: white;
         --icon-color: var(--color-primary-dark);
         cursor: default;
       }
@@ -272,13 +306,11 @@ export class TembaMenu extends RapidElement {
       .level-1 {
         transition: opacity 100ms linear, margin 200ms linear;
         overflow-y: scroll;
-        z-index: 150;
       }
 
       .level-2 {
         background: #fbfbfb;
         overflow-y: auto;
-        z-index: 1000;
       }
 
       .level-2 .item .details {
@@ -889,9 +921,7 @@ export class TembaMenu extends RapidElement {
       icon = renderAvatar({ name: menuItem.avatar });
     }
 
-    const item = html` <div
-        class="item-top ${isSelected ? 'selected' : null} "
-      ></div>
+    const item = html`
       <div
         id="menu-${menuItem.id}"
         class="${itemClasses}"
@@ -946,8 +976,7 @@ export class TembaMenu extends RapidElement {
         </div>
         <div class="right"></div>
       </div>
-
-      <div class="item-bottom ${isSelected ? 'selected' : null}"></div>`;
+    `;
 
     if (menuItem.popup) {
       return html`

package/src/utils/index.ts

@@ -1,6 +1,7 @@
 /* eslint-disable @typescript-eslint/no-this-alias */
 import { html, TemplateResult } from 'lit-html';
 import { Button } from '../button/Button';
+import { upload_endpoint } from '../compose/Compose';
 import { Dialog } from '../dialog/Dialog';
 import { ContactField, Ticket, User } from '../interfaces';
 import ColorHash from 'color-hash';
@@ -241,10 +242,16 @@ export const postFormData = (
       .then(response => {
         if (response.status >= 200 && response.status < 300) {
           resolve(response);
+        } else {
+          if (url === upload_endpoint) {
+            reject(response);
+          } else {
+            reject('Server failure');
+          }
         }
-        reject('Server failure');
       })
       .catch(err => {
+        console.error(err);
         reject(err);
       });
   });