@nyaruka/temba-components 0.129.2 → 0.129.4

package/out-tsc/test/temba-flow-render.test.js

@@ -1,171 +0,0 @@
-import { html, fixture, expect } from '@open-wc/testing';
-import { renderSendMsg, renderSetContactName, renderSetRunResult, renderCallWebhook, renderAddToGroups } from '../src/flow/render';
-describe('Flow Render Functions', () => {
-    const mockNode = {
-        uuid: 'test-node-uuid',
-        actions: [],
-        exits: []
-    };
-    describe('renderSendMsg', () => {
-        it('renders message text with line breaks', async () => {
-            const action = {
-                type: 'send_msg',
-                uuid: 'action-uuid-1',
-                text: 'Hello world\nThis is a new line',
-                quick_replies: []
-            };
-            const result = renderSendMsg(mockNode, action);
-            const container = await fixture(html `<div>${result}</div>`);
-            expect(container.innerHTML).to.contain('Hello world<br>This is a new line');
-        });
-        it('renders quick replies when present', async () => {
-            const action = {
-                type: 'send_msg',
-                uuid: 'action-uuid-2',
-                text: 'Choose an option:',
-                quick_replies: ['Yes', 'No', 'Maybe']
-            };
-            const result = renderSendMsg(mockNode, action);
-            const container = await fixture(html `<div>${result}</div>`);
-            expect(container.innerHTML).to.contain('Choose an option:');
-            expect(container.innerHTML).to.contain('quick-replies');
-            expect(container.innerHTML).to.contain('Yes');
-            expect(container.innerHTML).to.contain('No');
-            expect(container.innerHTML).to.contain('Maybe');
-        });
-        it('renders without quick replies when none provided', async () => {
-            const action = {
-                type: 'send_msg',
-                uuid: 'action-uuid-3',
-                text: 'Simple message',
-                quick_replies: []
-            };
-            const result = renderSendMsg(mockNode, action);
-            const container = await fixture(html `<div>${result}</div>`);
-            expect(container.innerHTML).to.contain('Simple message');
-            expect(container.innerHTML).to.not.contain('quick-replies');
-        });
-    });
-    describe('renderSetContactName', () => {
-        it('renders contact name setting', async () => {
-            const action = {
-                type: 'set_contact_name',
-                uuid: 'action-uuid-4',
-                name: 'John Doe'
-            };
-            const result = renderSetContactName(mockNode, action);
-            const container = await fixture(html `<div>${result}</div>`);
-            expect(container.textContent).to.contain('Set contact name to');
-            expect(container.textContent).to.contain('John Doe');
-            expect(container.querySelector('b')).to.exist;
-        });
-    });
-    describe('renderSetRunResult', () => {
-        it('renders run result setting', async () => {
-            const action = {
-                type: 'set_run_result',
-                uuid: 'action-uuid-5',
-                category: 'success',
-                name: 'favorite_color',
-                value: 'blue'
-            };
-            const result = renderSetRunResult(mockNode, action);
-            const container = await fixture(html `<div>${result}</div>`);
-            expect(container.textContent).to.contain('Save blue as');
-            expect(container.textContent).to.contain('favorite_color');
-            expect(container.querySelector('b')).to.exist;
-        });
-    });
-    describe('renderCallWebhook', () => {
-        it('renders webhook URL', async () => {
-            const action = {
-                type: 'call_webhook',
-                uuid: 'action-uuid-6',
-                url: 'https://example.com/webhook'
-            };
-            const result = renderCallWebhook(mockNode, action);
-            const container = await fixture(html `<div>${result}</div>`);
-            expect(container.innerHTML).to.contain('https://example.com/webhook');
-            expect(container.querySelector('div')).to.have.style('word-break', 'break-all');
-        });
-    });
-    describe('renderAddToGroups', () => {
-        it('renders groups with icons', async () => {
-            const action = {
-                type: 'add_contact_groups',
-                uuid: 'action-uuid-7',
-                groups: [
-                    {
-                        uuid: 'group1',
-                        name: 'VIP Customers',
-                        status: 'active',
-                        system: false,
-                        query: '',
-                        count: 10
-                    },
-                    {
-                        uuid: 'group2',
-                        name: 'Newsletter Subscribers',
-                        status: 'active',
-                        system: false,
-                        query: '',
-                        count: 25
-                    }
-                ]
-            };
-            const result = renderAddToGroups(mockNode, action);
-            const container = await fixture(html `<div>${result}</div>`);
-            expect(container.innerHTML).to.contain('VIP Customers');
-            expect(container.innerHTML).to.contain('Newsletter Subscribers');
-            expect(container.querySelectorAll('temba-icon')).to.have.length(2);
-            const icons = container.querySelectorAll('temba-icon');
-            icons.forEach((icon) => {
-                expect(icon.getAttribute('name')).to.equal('group');
-            });
-        });
-        it('renders empty groups array', async () => {
-            const action = {
-                type: 'add_contact_groups',
-                uuid: 'action-uuid-8',
-                groups: []
-            };
-            const result = renderAddToGroups(mockNode, action);
-            const container = await fixture(html `<div>${result}</div>`);
-            expect(container.querySelectorAll('temba-icon')).to.have.length(0);
-        });
-        it('renders groups without icons when undefined', async () => {
-            // Test the renderNamedObjects function without an icon parameter
-            const action = {
-                type: 'add_contact_groups',
-                uuid: 'action-uuid-9',
-                groups: [
-                    {
-                        uuid: 'group1',
-                        name: 'Test Group',
-                        status: 'active',
-                        system: false,
-                        query: '',
-                        count: 5
-                    }
-                ]
-            };
-            // Create a test version that calls renderNamedObjects without icon
-            // to cover the null case in the render.ts file
-            const namedObjects = action.groups;
-            // Create a test version that calls renderNamedObjects without icon
-            const testRender = (assets) => {
-                return assets.map((asset) => {
-                    return html `<div style="display:flex;items-align:center">
-            ${null /* This should trigger the null branch */}
-            <div>${asset.name}</div>
-          </div>`;
-                });
-            };
-            const result = testRender(namedObjects);
-            const container = await fixture(html `<div>${result}</div>`);
-            expect(container.innerHTML).to.contain('Test Group');
-            expect(container.querySelectorAll('temba-icon')).to.have.length(0);
-        });
-    });
-});
-//# sourceMappingURL=temba-flow-render.test.js.map

package/out-tsc/test/temba-flow-render.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"temba-flow-render.test.js","sourceRoot":"","sources":["../../test/temba-flow-render.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\nimport {\n  renderSendMsg,\n  renderSetContactName,\n  renderSetRunResult,\n  renderCallWebhook,\n  renderAddToGroups\n} from '../src/flow/render';\nimport {\n  Node,\n  SendMsg,\n  SetContactName,\n  SetRunResult,\n  CallWebhook,\n  AddToGroup\n} from '../src/store/flow-definition.d';\n\ndescribe('Flow Render Functions', () => {\n  const mockNode: Node = {\n    uuid: 'test-node-uuid',\n    actions: [],\n    exits: []\n  };\n\n  describe('renderSendMsg', () => {\n    it('renders message text with line breaks', async () => {\n      const action: SendMsg = {\n        type: 'send_msg',\n        uuid: 'action-uuid-1',\n        text: 'Hello world\\nThis is a new line',\n        quick_replies: []\n      };\n\n      const result = renderSendMsg(mockNode, action);\n      const container = await fixture(html`<div>${result}</div>`);\n\n      expect(container.innerHTML).to.contain(\n        'Hello world<br>This is a new line'\n      );\n    });\n\n    it('renders quick replies when present', async () => {\n      const action: SendMsg = {\n        type: 'send_msg',\n        uuid: 'action-uuid-2',\n        text: 'Choose an option:',\n        quick_replies: ['Yes', 'No', 'Maybe']\n      };\n\n      const result = renderSendMsg(mockNode, action);\n      const container = await fixture(html`<div>${result}</div>`);\n\n      expect(container.innerHTML).to.contain('Choose an option:');\n      expect(container.innerHTML).to.contain('quick-replies');\n      expect(container.innerHTML).to.contain('Yes');\n      expect(container.innerHTML).to.contain('No');\n      expect(container.innerHTML).to.contain('Maybe');\n    });\n\n    it('renders without quick replies when none provided', async () => {\n      const action: SendMsg = {\n        type: 'send_msg',\n        uuid: 'action-uuid-3',\n        text: 'Simple message',\n        quick_replies: []\n      };\n\n      const result = renderSendMsg(mockNode, action);\n      const container = await fixture(html`<div>${result}</div>`);\n\n      expect(container.innerHTML).to.contain('Simple message');\n      expect(container.innerHTML).to.not.contain('quick-replies');\n    });\n  });\n\n  describe('renderSetContactName', () => {\n    it('renders contact name setting', async () => {\n      const action: SetContactName = {\n        type: 'set_contact_name',\n        uuid: 'action-uuid-4',\n        name: 'John Doe'\n      };\n\n      const result = renderSetContactName(mockNode, action);\n      const container = await fixture(html`<div>${result}</div>`);\n\n      expect(container.textContent).to.contain('Set contact name to');\n      expect(container.textContent).to.contain('John Doe');\n      expect(container.querySelector('b')).to.exist;\n    });\n  });\n\n  describe('renderSetRunResult', () => {\n    it('renders run result setting', async () => {\n      const action: SetRunResult = {\n        type: 'set_run_result',\n        uuid: 'action-uuid-5',\n        category: 'success',\n        name: 'favorite_color',\n        value: 'blue'\n      };\n\n      const result = renderSetRunResult(mockNode, action);\n      const container = await fixture(html`<div>${result}</div>`);\n\n      expect(container.textContent).to.contain('Save blue as');\n      expect(container.textContent).to.contain('favorite_color');\n      expect(container.querySelector('b')).to.exist;\n    });\n  });\n\n  describe('renderCallWebhook', () => {\n    it('renders webhook URL', async () => {\n      const action: CallWebhook = {\n        type: 'call_webhook',\n        uuid: 'action-uuid-6',\n        url: 'https://example.com/webhook'\n      };\n\n      const result = renderCallWebhook(mockNode, action);\n      const container = await fixture(html`<div>${result}</div>`);\n\n      expect(container.innerHTML).to.contain('https://example.com/webhook');\n      expect(container.querySelector('div')).to.have.style(\n        'word-break',\n        'break-all'\n      );\n    });\n  });\n\n  describe('renderAddToGroups', () => {\n    it('renders groups with icons', async () => {\n      const action: AddToGroup = {\n        type: 'add_contact_groups',\n        uuid: 'action-uuid-7',\n        groups: [\n          {\n            uuid: 'group1',\n            name: 'VIP Customers',\n            status: 'active',\n            system: false,\n            query: '',\n            count: 10\n          },\n          {\n            uuid: 'group2',\n            name: 'Newsletter Subscribers',\n            status: 'active',\n            system: false,\n            query: '',\n            count: 25\n          }\n        ]\n      };\n\n      const result = renderAddToGroups(mockNode, action);\n      const container = await fixture(html`<div>${result}</div>`);\n\n      expect(container.innerHTML).to.contain('VIP Customers');\n      expect(container.innerHTML).to.contain('Newsletter Subscribers');\n      expect(container.querySelectorAll('temba-icon')).to.have.length(2);\n\n      const icons = container.querySelectorAll('temba-icon');\n      icons.forEach((icon) => {\n        expect(icon.getAttribute('name')).to.equal('group');\n      });\n    });\n\n    it('renders empty groups array', async () => {\n      const action: AddToGroup = {\n        type: 'add_contact_groups',\n        uuid: 'action-uuid-8',\n        groups: []\n      };\n\n      const result = renderAddToGroups(mockNode, action);\n      const container = await fixture(html`<div>${result}</div>`);\n\n      expect(container.querySelectorAll('temba-icon')).to.have.length(0);\n    });\n\n    it('renders groups without icons when undefined', async () => {\n      // Test the renderNamedObjects function without an icon parameter\n      const action: AddToGroup = {\n        type: 'add_contact_groups',\n        uuid: 'action-uuid-9',\n        groups: [\n          {\n            uuid: 'group1',\n            name: 'Test Group',\n            status: 'active',\n            system: false,\n            query: '',\n            count: 5\n          }\n        ]\n      };\n\n      // Create a test version that calls renderNamedObjects without icon\n      // to cover the null case in the render.ts file\n      const namedObjects = action.groups;\n\n      // Create a test version that calls renderNamedObjects without icon\n      const testRender = (assets: any[]) => {\n        return assets.map((asset) => {\n          return html`<div style=\"display:flex;items-align:center\">\n            ${null /* This should trigger the null branch */}\n            <div>${asset.name}</div>\n          </div>`;\n        });\n      };\n\n      const result = testRender(namedObjects);\n      const container = await fixture(html`<div>${result}</div>`);\n\n      expect(container.innerHTML).to.contain('Test Group');\n      expect(container.querySelectorAll('temba-icon')).to.have.length(0);\n    });\n  });\n});\n"]}

package/src/charcount/helpers.ts

@@ -1,162 +0,0 @@
-export const MAX_GSM_SINGLE = 160;
-export const MAX_GSM_MULTI = 153;
-export const MAX_UNICODE_SINGLE = 70;
-export const MAX_UNICODE_MULTI = 67;
-
-export const COMPLETION_HELP = 'Tab to complete, enter to select';
-
-export const GSM: { [key: string]: number } = {
-  // char: charCode
-  0: 48,
-  1: 49,
-  2: 50,
-  3: 51,
-  4: 52,
-  5: 53,
-  6: 54,
-  7: 55,
-  8: 56,
-  9: 57,
-  '\n': 10,
-  '\f': 12,
-  '\r': 13,
-  ' ': 32,
-  '!': 33,
-  '"': 34,
-  '#': 35,
-  $: 36,
-  '%': 37,
-  '&': 38,
-  "'": 39,
-  '(': 40,
-  ')': 41,
-  '*': 42,
-  '+': 43,
-  ',': 44,
-  '-': 45,
-  '.': 46,
-  '/': 47,
-  ':': 58,
-  ';': 59,
-  '<': 60,
-  '=': 61,
-  '>': 62,
-  '?': 63,
-  '@': 64,
-  A: 65,
-  B: 66,
-  C: 67,
-  D: 68,
-  E: 69,
-  F: 70,
-  G: 71,
-  H: 72,
-  I: 73,
-  J: 74,
-  K: 75,
-  L: 76,
-  M: 77,
-  N: 78,
-  O: 79,
-  P: 80,
-  Q: 81,
-  R: 82,
-  S: 83,
-  T: 84,
-  U: 85,
-  V: 86,
-  W: 87,
-  X: 88,
-  Y: 89,
-  Z: 90,
-  '[': 91,
-  '\\': 92,
-  ']': 93,
-  '^': 94,
-  _: 95,
-  a: 97,
-  b: 98,
-  c: 99,
-  d: 100,
-  e: 101,
-  f: 102,
-  g: 103,
-  h: 104,
-  i: 105,
-  j: 106,
-  k: 107,
-  l: 108,
-  m: 109,
-  n: 110,
-  o: 111,
-  p: 112,
-  q: 113,
-  r: 114,
-  s: 115,
-  t: 116,
-  u: 117,
-  v: 118,
-  w: 119,
-  x: 120,
-  y: 121,
-  z: 122,
-  '{': 123,
-  '|': 124,
-  '}': 125,
-  '~': 126,
-  '¡': 161,
-  '£': 163,
-  '¤': 164,
-  '¥': 165,
-  '§': 167,
-  '¿': 191,
-  Ä: 196,
-  Å: 197,
-  Æ: 198,
-  Ç: 199,
-  É: 201,
-  Ñ: 209,
-  Ö: 214,
-  Ø: 216,
-  Ü: 220,
-  ß: 223,
-  à: 224,
-  ä: 228,
-  å: 229,
-  æ: 230,
-  è: 232,
-  é: 233,
-  ì: 236,
-  ñ: 241,
-  ò: 242,
-  ö: 246,
-  ø: 248,
-  ù: 249,
-  ü: 252,
-  Γ: 915,
-  Δ: 916,
-  Θ: 920,
-  Λ: 923,
-  Ξ: 926,
-  Π: 928,
-  Σ: 931,
-  Φ: 934,
-  Ψ: 936,
-  Ω: 937,
-  '€': 8364
-};
-
-export const isGSM = (char: string): boolean => {
-  // eslint-disable-next-line no-prototype-builtins
-  return GSM.hasOwnProperty(char);
-};
-
-export const getExtendedCharacters = (text: string): string[] => {
-  const extended: { [ch: string]: boolean } = {};
-  for (const ch of text) {
-    if (!isGSM(ch)) {
-      extended[ch] = true;
-    }
-  }
-  return Object.keys(extended);
-};

package/src/contacts/events.ts

@@ -1,210 +0,0 @@
-import { html, TemplateResult } from 'lit';
-import { Msg, ObjectReference, User } from '../interfaces';
-import { Icon } from '../vectoricon';
-
-export interface EventGroup {
-  type: string;
-  events: ContactEvent[];
-  open: boolean;
-}
-
-export interface ContactEvent {
-  type: string;
-  created_on: string;
-  created_by?: User;
-}
-
-export interface ChannelEvent extends ContactEvent {
-  channel_event_type: string;
-  duration: number;
-
-  event: {
-    type: string;
-    channel: { uuid: string; name: string };
-    duration?: number;
-    optin?: {
-      uuid: string;
-      name: string;
-    };
-  };
-}
-
-export interface ContactLanguageChangedEvent extends ContactEvent {
-  language: string;
-  step_uuid: string;
-  session_uuid: string;
-}
-
-export interface OptinRequestedEvent extends ContactEvent {
-  optin: {
-    uuid: string;
-    name: string;
-  };
-}
-
-export interface MsgEvent extends ContactEvent {
-  msg: Msg;
-  status: string;
-  failed_reason?: string;
-  failed_reason_display?: string;
-  logs_url: string;
-  msg_type: string;
-  recipient_count?: number;
-  created_by?: User;
-  optin?: ObjectReference;
-}
-
-export interface FlowEvent extends ContactEvent {
-  flow: ObjectReference;
-  status: string;
-}
-
-export interface EmailSentEvent extends ContactEvent {
-  to: string[];
-  subject: string;
-  body: string;
-}
-
-export interface URNsChangedEvent extends ContactEvent {
-  urns: string[];
-}
-
-export interface TicketEvent extends ContactEvent {
-  note?: string;
-  assignee?: User;
-  ticket: {
-    uuid: string;
-    topic?: ObjectReference;
-    closed_on?: string;
-    opened_on?: string;
-  };
-  topic?: ObjectReference;
-  created_by?: User;
-}
-
-export interface LabelsAddedEvent extends ContactEvent {
-  labels: ObjectReference[];
-}
-
-export interface NameChangedEvent extends ContactEvent {
-  name: string;
-}
-
-export interface UpdateFieldEvent extends ContactEvent {
-  field: { key: string; name: string };
-  value: { text: string };
-}
-
-export interface ErrorMessageEvent extends ContactEvent {
-  text: string;
-}
-
-export interface UpdateResultEvent extends ContactEvent {
-  name: string;
-  value: string;
-  category: string;
-  input: string;
-}
-
-export interface ContactGroupsEvent extends ContactEvent {
-  groups_added: ObjectReference[];
-  groups_removed: ObjectReference[];
-}
-
-export interface WebhookEvent extends ContactEvent {
-  status: string;
-  status_code: number;
-  elapsed_ms: number;
-  logs_url: string;
-  url: string;
-}
-
-export interface AirtimeTransferredEvent extends ContactEvent {
-  sender: string;
-  recipient: string;
-  currency: string;
-  desired_amount: string;
-  actual_amount: string;
-  logs_url: string;
-}
-
-export type CallStartedEvent = ContactEvent;
-export interface CampaignFiredEvent extends ContactEvent {
-  campaign: { uuid: string; id: number; name: string };
-  campaign_event: {
-    id: number;
-    offset_display: string;
-    relative_to: { key: string; name: string };
-  };
-  fired_result: string;
-}
-
-export interface ContactHistoryPage {
-  has_older: boolean;
-  recent_only: boolean;
-  next_before: number;
-  next_after: number;
-  start_date: Date;
-  events: ContactEvent[];
-}
-
-export const renderAttachment = (attachment: string): TemplateResult => {
-  const idx = attachment.indexOf(':');
-  const attType = attachment.substr(0, idx);
-  const url = attachment.substr(idx + 1);
-  const [mediaType, ext] = attType.split('/', 2);
-
-  let inner = null;
-  if (mediaType === 'image') {
-    inner = html`
-      <img src="${url}" style="height:auto;width:100%;display:block;" />
-    `;
-  } else if (ext === 'pdf') {
-    return html`<div
-      style="width:100%;height:300px;border-radius:calc(var(--curvature) * 2.5);box-shadow:0px 0px 12px 0px rgba(0,0,0,.1), 0px 0px 2px 0px rgba(0,0,0,.15);overflow:hidden"
-    ><embed src="${url}#view=Fit" type="application/pdf" frameBorder="0" scrolling="auto" height="100%" width="100%"></embed></div>`;
-  } else if (mediaType === 'video') {
-    return html`<video
-      style="border-radius:var(--curvature);box-shadow:0px 0px 12px 0px rgba(0,0,0,.1), 0px 0px 2px 0px rgba(0,0,0,.15);max-width:400px"
-      height="auto"
-      controls
-    >
-      <source src="${url}" type="video/mp4" />
-    </video> `;
-  } else if (mediaType === 'audio') {
-    return html`<audio
-      style="border-radius: 99px; box-shadow:0px 0px 12px 0px rgba(0,0,0,.1), 0px 0px 2px 0px rgba(0,0,0,.15);"
-      src="${url}"
-      type="${attType}"
-      controls
-    >
-      <a target="_" href="${url}">${url}</a>
-    </audio>`;
-  } else if (attType === 'geo') {
-    const [lat, long] = url.split(',');
-    const latFloat = parseFloat(lat);
-    const longFloat = parseFloat(long);
-    const geo = `${lat}000000%2C${long}000000`;
-
-    return html` <iframe
-      style="border-radius: var(--curvature);box-shadow:0px 0px 12px 0px rgba(0,0,0,.1), 0px 0px 2px 0px rgba(0,0,0,.15);"
-      width="300"
-      height="300"
-      frameborder="0"
-      scrolling="no"
-      marginheight="0"
-      marginwidth="0"
-      src="https://www.openstreetmap.org/export/embed.html?bbox=${longFloat -
-      0.005}000000%2C${latFloat - 0.005}%2C${longFloat +
-      0.005}000000%2C${latFloat +
-      0.005}000000&amp;layer=mapnik&amp;marker=${geo}"
-    ></iframe>`;
-  } else {
-    return html`<div style="display:flex">
-      <temba-icon name="${Icon.download}"></temba-icon>
-      <div>Attachment ${ext}</div>
-    </div>`;
-  }
-
-  return html`<div style="">${inner}</div>`;
-};

package/src/contacts/helpers.ts

@@ -1,103 +0,0 @@
-import { Contact, NamedUser, User } from '../interfaces';
-import { Store } from '../store/Store';
-import { fetchResults, getUrl, postUrl, WebResponse } from '../utils';
-import { ContactHistoryPage } from './events';
-
-export const SCROLL_THRESHOLD = 100;
-export const SIMULATED_WEB_SLOWNESS = 0;
-export const MAX_CHAT_REFRESH = 10000;
-export const MIN_CHAT_REFRESH = 500;
-export const BODY_SNIPPET_LENGTH = 250;
-
-export const closeTicket = (uuid: string): Promise<WebResponse> => {
-  const formData = new FormData();
-  formData.append('status', 'C');
-  return postUrl(`/ticket/update/${uuid}/?_format=json`, formData);
-};
-
-export const fetchContact = (endpoint: string): Promise<Contact> => {
-  return new Promise<Contact>((resolve, reject) => {
-    fetchResults(endpoint).then((contacts: Contact[]) => {
-      if (contacts && contacts.length === 1) {
-        resolve(contacts[0]);
-      } else {
-        reject('No contact found');
-      }
-    });
-  });
-};
-
-let pendingRequests: AbortController[] = [];
-
-export const fetchContactHistory = (
-  reset: boolean,
-  endpoint: string,
-  ticket: string,
-  before: number = undefined,
-  after: number = undefined
-): Promise<ContactHistoryPage> => {
-  if (reset) {
-    pendingRequests.forEach((controller) => {
-      controller.abort();
-    });
-    pendingRequests = [];
-  }
-
-  return new Promise<ContactHistoryPage>((resolve) => {
-    const controller = new AbortController();
-    pendingRequests.push(controller);
-
-    let url = endpoint;
-    if (before) {
-      url += `&before=${before}`;
-    }
-
-    if (after) {
-      url += `&after=${after}`;
-    }
-
-    if (ticket) {
-      url += `&ticket=${ticket}`;
-    }
-
-    const store = document.querySelector('temba-store') as Store;
-
-    getUrl(url, controller)
-      .then((response: WebResponse) => {
-        // on success, remove our abort controller
-        pendingRequests = pendingRequests.filter(
-          (controller: AbortController) => {
-            return response.controller === controller;
-          }
-        );
-
-        const page = response.json as ContactHistoryPage;
-        store.resolveUsers(page.events, ['created_by']).then(() => {
-          resolve(page);
-        });
-      })
-      .catch(() => {
-        // canceled
-      });
-  });
-};
-
-export const getDisplayName = (user: User) => {
-  if (!user) {
-    return 'Somebody';
-  }
-
-  if ((user as NamedUser).name) {
-    return (user as NamedUser).name;
-  }
-
-  if (user.first_name && user.last_name) {
-    return `${user.first_name} ${user.last_name}`;
-  }
-
-  if (user.first_name) {
-    return user.first_name;
-  }
-
-  return user.email;
-};