@nyaruka/temba-components 0.75.3 → 0.77.0

package/out-tsc/src/store/Store.js.map

@@ -1 +1 @@
-{"version":3,"file":"Store.js","sourceRoot":"","sources":["../../../src/store/Store.ts"],"names":[],"mappings":"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","sourcesContent":["import { property } from 'lit/decorators.js';\nimport {\n  fetchResults,\n  getUrl,\n  getAssets,\n  Asset,\n  WebResponse,\n  postUrl,\n  postJSON,\n  postForm,\n  getCookie,\n} from '../utils';\nimport {\n  ContactField,\n  ContactGroup,\n  CompletionOption,\n  CompletionSchema,\n  KeyedAssets,\n  CustomEventType,\n  Workspace,\n  User,\n} from '../interfaces';\nimport { RapidElement } from '../RapidElement';\nimport Lru from 'tiny-lru';\nimport { DateTime } from 'luxon';\nimport { css, html } from 'lit';\nimport { configureLocalization } from '@lit/localize';\nimport { sourceLocale, targetLocales } from '../locales/locale-codes';\n\nconst { setLocale } = configureLocalization({\n  sourceLocale,\n  targetLocales,\n  loadLocale: locale => import(`./locales/${locale}.js`),\n});\n\nexport class Store extends RapidElement {\n  public static get styles() {\n    return css`\n      :host {\n        position: fixed;\n        z-index: 1000;\n        text-align: center;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        width: 100%;\n        top: 0.5em;\n      }\n    `;\n  }\n\n  settings = {};\n\n  @property({ type: Number })\n  ttl = 60000;\n\n  @property({ type: Number })\n  max = 20;\n\n  @property({ type: Boolean })\n  ready = false;\n\n  @property({ type: Boolean })\n  loader = false;\n\n  @property({ type: String, attribute: 'completion' })\n  completionEndpoint: string;\n\n  @property({ type: String, attribute: 'fields' })\n  fieldsEndpoint: string;\n\n  @property({ type: String, attribute: 'groups' })\n  groupsEndpoint: string;\n\n  @property({ type: String, attribute: 'globals' })\n  globalsEndpoint: string;\n\n  @property({ type: String, attribute: 'languages' })\n  languagesEndpoint: string;\n\n  @property({ type: String, attribute: 'workspace' })\n  workspaceEndpoint: string;\n\n  @property({ type: String, attribute: 'users' })\n  usersEndpoint: string;\n\n  @property({ type: Object, attribute: false })\n  private schema: CompletionSchema;\n\n  @property({ type: Object, attribute: false })\n  private fnOptions: CompletionOption[];\n\n  @property({ type: Object, attribute: false })\n  private keyedAssets: KeyedAssets = {};\n\n  private locale = [...navigator.languages];\n\n  private fields: { [key: string]: ContactField } = {};\n  private groups: { [uuid: string]: ContactGroup } = {};\n  private languages: any = {};\n  private users: User[];\n  private workspace: Workspace;\n  private featuredFields: ContactField[] = [];\n\n  // http promise to monitor for completeness\n  public initialHttpComplete: Promise<void | WebResponse[]>;\n\n  private cache: any;\n\n  public getLocale() {\n    return this.locale[0];\n  }\n\n  public clearCache() {\n    this.cache = Lru(this.max, this.ttl);\n  }\n\n  public reset() {\n    this.ready = false;\n    this.clearCache();\n    this.settings = JSON.parse(getCookie('settings') || '{}');\n\n    /* \n    // This will create a shorthand unit\n    this.humanizer.addLanguage(\"en\", {\n      y: () => \"y\",\n      mo: () => \"mo\",\n      w: () => \"w\",\n      d: () => \"d\",\n      h: () => \"h\",\n      m: () => \"m\",\n      s: () => \"s\",\n      ms: () => \"ms\",\n      decimal: \".\",\n    });\n    */\n\n    const fetches = [];\n    if (this.completionEndpoint) {\n      fetches.push(\n        getUrl(this.completionEndpoint).then(response => {\n          this.schema = response.json['context'] as CompletionSchema;\n          this.fnOptions = response.json['functions'] as CompletionOption[];\n        })\n      );\n    }\n\n    if (this.fieldsEndpoint) {\n      fetches.push(this.refreshFields());\n    }\n\n    if (this.globalsEndpoint) {\n      fetches.push(\n        getAssets(this.globalsEndpoint).then((assets: Asset[]) => {\n          this.keyedAssets['globals'] = assets.map((asset: Asset) => asset.key);\n        })\n      );\n    }\n\n    if (this.languagesEndpoint) {\n      fetches.push(\n        getAssets(this.languagesEndpoint).then((results: any[]) => {\n          // convert array of objects to lookup\n          this.languages = results.reduce(function (\n            languages: any,\n            result: any\n          ) {\n            languages[result.value] = result.name;\n            return languages;\n          },\n          {});\n        })\n      );\n    }\n\n    if (this.groupsEndpoint) {\n      fetches.push(\n        getAssets(this.groupsEndpoint).then((groups: any[]) => {\n          groups.forEach((group: any) => {\n            this.groups[group.uuid] = group;\n          });\n        })\n      );\n    }\n\n    if (this.workspaceEndpoint) {\n      fetches.push(\n        getUrl(this.workspaceEndpoint).then((response: WebResponse) => {\n          this.workspace = response.json;\n          const lang = response.headers.get('content-language');\n          if (lang) {\n            this.locale = [lang, ...this.locale];\n          }\n        })\n      );\n    }\n\n    if (this.usersEndpoint) {\n      fetches.push(\n        getAssets(this.usersEndpoint).then((users: any[]) => {\n          this.users = users;\n        })\n      );\n    }\n\n    this.initialHttpComplete = Promise.all(fetches);\n\n    this.initialHttpComplete.then(() => {\n      this.ready = true;\n    });\n  }\n\n  public getAssignableUsers() {\n    return this.users.filter((user: User) =>\n      ['administrator', 'editor', 'agent'].includes(user.role)\n    );\n  }\n\n  public getUser(email: string) {\n    return this.users.find((user: User) => user.email === email);\n  }\n\n  public firstUpdated() {\n    this.reset();\n  }\n\n  public getLanguageCode() {\n    if (this.locale.length > 0) {\n      return this.locale[0].split('-')[0];\n    }\n    return 'en';\n  }\n\n  public refreshGlobals() {\n    getAssets(this.globalsEndpoint).then((assets: Asset[]) => {\n      this.keyedAssets['globals'] = assets.map((asset: Asset) => asset.key);\n    });\n  }\n\n  public refreshFields() {\n    return getAssets(this.fieldsEndpoint).then((assets: Asset[]) => {\n      this.keyedAssets['fields'] = [];\n      this.featuredFields = [];\n\n      assets.forEach((field: ContactField) => {\n        this.keyedAssets['fields'].push(field.key);\n        this.fields[field.key] = field;\n        if (field.featured) {\n          this.featuredFields.push(field);\n        }\n      });\n\n      this.featuredFields.sort((a, b) => {\n        return b.priority - a.priority;\n      });\n\n      this.keyedAssets['fields'].sort();\n\n      this.fireCustomEvent(CustomEventType.StoreUpdated, {\n        url: this.fieldsEndpoint,\n        data: this.keyedAssets['fields'],\n      });\n    });\n  }\n\n  public getShortDuration(scheduled: DateTime, compareDate: DateTime = null) {\n    const now = compareDate || DateTime.now();\n    return scheduled\n      .setLocale(this.locale[0])\n      .toRelative({ base: now, style: 'long' });\n  }\n\n  public getShortDurationFromIso(isoDateA: string, isoDateB: string = null) {\n    const scheduled = DateTime.fromISO(isoDateA);\n    const now = isoDateB ? DateTime.fromISO(isoDateB) : DateTime.now();\n    return this.getShortDuration(scheduled, now);\n  }\n\n  public setKeyedAssets(name: string, values: string[]): void {\n    this.keyedAssets[name] = values;\n  }\n\n  public updated(changedProperties: Map<string, any>) {\n    super.updated(changedProperties);\n\n    if (changedProperties.has('ready') && this.ready) {\n      const locale = this.getLanguageCode();\n      const target = targetLocales.find(\n        targetLocale => targetLocale === locale\n      );\n\n      if (target) {\n        setLocale(target);\n      }\n    }\n  }\n\n  public getCompletionSchema(): CompletionSchema {\n    return this.schema;\n  }\n\n  public getFunctions(): CompletionOption[] {\n    return this.fnOptions;\n  }\n\n  public getKeyedAssets(): KeyedAssets {\n    return this.keyedAssets;\n  }\n\n  public getFieldKeys(): string[] {\n    return this.keyedAssets['fields'] || [];\n  }\n\n  public getContactField(key: string): ContactField {\n    return this.fields[key];\n  }\n\n  public getFeaturedFields(): ContactField[] {\n    return this.featuredFields;\n  }\n\n  public getLanguageName(iso: string) {\n    return this.languages[iso];\n  }\n\n  public isDynamicGroup(uuid: string): boolean {\n    const group = this.groups[uuid];\n    // we treat missing groups as dynamic since the\n    // api excludes initializing groups\n    if (!group) {\n      console.warn('No group for ' + uuid);\n    }\n\n    if (!group || group.query) {\n      return true;\n    }\n    return false;\n  }\n\n  public getWorkspace(): Workspace {\n    return this.workspace;\n  }\n\n  public formatDate(dateString: string) {\n    return DateTime.fromISO(dateString)\n      .setLocale(this.getLocale())\n      .toLocaleString(DateTime.DATETIME_SHORT);\n  }\n\n  public postJSON(url: string, payload: any = '') {\n    return postJSON(url, payload);\n  }\n\n  public postForm(url: string, payload: any | FormData) {\n    return postForm(url, payload);\n  }\n\n  public postUrl(\n    url: string,\n    payload: any = '',\n    headers: any = {},\n    contentType = null\n  ) {\n    return postUrl(url, payload, headers, contentType);\n  }\n\n  public getUrl(\n    url: string,\n    options?: {\n      force?: boolean;\n      controller?: AbortController;\n      headers?: { [key: string]: string };\n    }\n  ): Promise<WebResponse> {\n    options = options || {};\n    if (!options.force && this.cache.has(url)) {\n      return new Promise<WebResponse>(resolve => {\n        resolve(this.cache.get(url));\n      });\n    }\n\n    return getUrl(url, options.controller, options.headers || {}).then(\n      (response: WebResponse) => {\n        return new Promise<WebResponse>((resolve, reject) => {\n          if (response.status >= 200 && response.status <= 300) {\n            this.cache.set(url, response);\n            resolve(response);\n          } else {\n            reject('Status: ' + response.status);\n          }\n        });\n      }\n    );\n  }\n\n  private pendingResolves = {};\n\n  /**\n   * Fetches all of the results for a given API endpoint with caching\n   * @param url\n   */\n  public getResults(\n    url: string,\n    options?: { force?: boolean }\n  ): Promise<any[]> {\n    options = options || {};\n    const key = 'results_' + url;\n    const results = this.cache.get(key);\n\n    if (!options.force && results) {\n      return new Promise<any[]>(resolve => {\n        resolve(results);\n      });\n    }\n\n    return new Promise<any[]>(resolve => {\n      const pending = this.pendingResolves[url] || [];\n      pending.push(resolve);\n      this.pendingResolves[url] = pending;\n      if (pending.length <= 1) {\n        fetchResults(url).then((results: any[]) => {\n          this.cache.set(key, results);\n          const pending = this.pendingResolves[url] || [];\n          while (pending.length > 0) {\n            const resolve = pending.pop();\n            resolve(results);\n          }\n        });\n      }\n    });\n  }\n\n  public fetching: { [url: string]: number } = {};\n\n  public updateCache(url: string, data: any) {\n    this.cache.set(url, data);\n    this.fireCustomEvent(CustomEventType.StoreUpdated, { url, data });\n  }\n\n  public makeRequest(\n    url: string,\n    options?: { force?: boolean; prepareData?: (data: any) => any }\n  ) {\n    const previousRequest = this.fetching[url];\n    const now = new Date().getTime();\n    // if the request was recently made, don't do anything\n    if (previousRequest && now - previousRequest < 500) {\n      return;\n    }\n\n    this.fetching[url] = now;\n    options = options || {};\n    const cached = this.cache.get(url);\n    if (cached && !options.force) {\n      this.fireCustomEvent(CustomEventType.StoreUpdated, { url, data: cached });\n    } else {\n      fetchResults(url).then(data => {\n        data = options.prepareData ? options.prepareData(data) : data;\n        this.cache.set(url, data);\n        this.fireCustomEvent(CustomEventType.StoreUpdated, { url, data });\n        delete this.fetching[url];\n      });\n    }\n  }\n\n  public get(key: string, defaultValue: any = null) {\n    return this.settings[key] || defaultValue;\n  }\n\n  public set(key: string, value: string) {\n    this.settings[key] = value;\n    // not sure yet if we really want to perist these\n    // setCookie(COOKIE_KEYS.SETTINGS, JSON.stringify(this.settings), '/');\n  }\n\n  public render() {\n    if (!this.ready && this.loader) {\n      return html`<temba-loading size=\"10\" units=\"8\"></temba-loading>`;\n    }\n  }\n}\n"]}
+{"version":3,"file":"Store.js","sourceRoot":"","sources":["../../../src/store/Store.ts"],"names":[],"mappings":"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","sourcesContent":["import { property } from 'lit/decorators.js';\nimport {\n  fetchResults,\n  getUrl,\n  getAssets,\n  Asset,\n  WebResponse,\n  postUrl,\n  postJSON,\n  postForm,\n  getCookie,\n} from '../utils';\nimport {\n  ContactField,\n  ContactGroup,\n  CompletionOption,\n  CompletionSchema,\n  KeyedAssets,\n  CustomEventType,\n  Workspace,\n  User,\n} from '../interfaces';\nimport { RapidElement } from '../RapidElement';\nimport Lru from 'tiny-lru';\nimport { DateTime } from 'luxon';\nimport { css, html } from 'lit';\nimport { configureLocalization } from '@lit/localize';\nimport { sourceLocale, targetLocales } from '../locales/locale-codes';\n\nconst { setLocale } = configureLocalization({\n  sourceLocale,\n  targetLocales,\n  loadLocale: locale => import(`./locales/${locale}.js`),\n});\n\nexport class Store extends RapidElement {\n  public static get styles() {\n    return css`\n      :host {\n        position: fixed;\n        z-index: 1000;\n        text-align: center;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        width: 100%;\n        top: 0.5em;\n      }\n    `;\n  }\n\n  settings = {};\n\n  @property({ type: Number })\n  ttl = 60000;\n\n  @property({ type: Number })\n  max = 20;\n\n  @property({ type: Boolean })\n  ready = false;\n\n  @property({ type: Boolean })\n  loader = false;\n\n  @property({ type: String, attribute: 'completion' })\n  completionEndpoint: string;\n\n  @property({ type: String, attribute: 'fields' })\n  fieldsEndpoint: string;\n\n  @property({ type: String, attribute: 'groups' })\n  groupsEndpoint: string;\n\n  @property({ type: String, attribute: 'globals' })\n  globalsEndpoint: string;\n\n  @property({ type: String, attribute: 'languages' })\n  languagesEndpoint: string;\n\n  @property({ type: String, attribute: 'workspace' })\n  workspaceEndpoint: string;\n\n  @property({ type: String, attribute: 'users' })\n  usersEndpoint: string;\n\n  @property({ type: Object, attribute: false })\n  private schema: CompletionSchema;\n\n  @property({ type: Object, attribute: false })\n  private fnOptions: CompletionOption[];\n\n  @property({ type: Object, attribute: false })\n  private keyedAssets: KeyedAssets = {};\n\n  private locale = [...navigator.languages];\n\n  private fields: { [key: string]: ContactField } = {};\n  private groups: { [uuid: string]: ContactGroup } = {};\n  private languages: any = {};\n  private users: User[];\n  private workspace: Workspace;\n  private featuredFields: ContactField[] = [];\n\n  // http promise to monitor for completeness\n  public initialHttpComplete: Promise<void | WebResponse[]>;\n\n  private cache: any;\n\n  public getLocale() {\n    return this.locale[0];\n  }\n\n  public clearCache() {\n    this.cache = Lru(this.max, this.ttl);\n  }\n\n  public reset() {\n    this.ready = false;\n    this.clearCache();\n    this.settings = JSON.parse(getCookie('settings') || '{}');\n\n    /* \n    // This will create a shorthand unit\n    this.humanizer.addLanguage(\"en\", {\n      y: () => \"y\",\n      mo: () => \"mo\",\n      w: () => \"w\",\n      d: () => \"d\",\n      h: () => \"h\",\n      m: () => \"m\",\n      s: () => \"s\",\n      ms: () => \"ms\",\n      decimal: \".\",\n    });\n    */\n\n    const fetches = [];\n    if (this.completionEndpoint) {\n      fetches.push(\n        getUrl(this.completionEndpoint).then(response => {\n          this.schema = response.json['context'] as CompletionSchema;\n          this.fnOptions = response.json['functions'] as CompletionOption[];\n        })\n      );\n    }\n\n    if (this.fieldsEndpoint) {\n      fetches.push(this.refreshFields());\n    }\n\n    if (this.globalsEndpoint) {\n      fetches.push(\n        getAssets(this.globalsEndpoint).then((assets: Asset[]) => {\n          this.keyedAssets['globals'] = assets.map((asset: Asset) => asset.key);\n        })\n      );\n    }\n\n    if (this.languagesEndpoint) {\n      fetches.push(\n        getAssets(this.languagesEndpoint).then((results: any[]) => {\n          // convert array of objects to lookup\n          this.languages = results.reduce(function (\n            languages: any,\n            result: any\n          ) {\n            languages[result.value] = result.name;\n            return languages;\n          },\n          {});\n        })\n      );\n    }\n\n    if (this.groupsEndpoint) {\n      fetches.push(\n        getAssets(this.groupsEndpoint).then((groups: any[]) => {\n          groups.forEach((group: any) => {\n            this.groups[group.uuid] = group;\n          });\n        })\n      );\n    }\n\n    if (this.workspaceEndpoint) {\n      fetches.push(\n        getUrl(this.workspaceEndpoint).then((response: WebResponse) => {\n          this.workspace = response.json;\n          const lang = response.headers.get('content-language');\n          if (lang) {\n            this.locale = [lang, ...this.locale];\n          }\n        })\n      );\n    }\n\n    if (this.usersEndpoint) {\n      fetches.push(\n        getAssets(this.usersEndpoint).then((users: any[]) => {\n          this.users = users;\n        })\n      );\n    }\n\n    this.initialHttpComplete = Promise.all(fetches);\n\n    this.initialHttpComplete.then(() => {\n      this.ready = true;\n    });\n  }\n\n  public getAssignableUsers() {\n    return this.users.filter((user: User) =>\n      ['administrator', 'editor', 'agent'].includes(user.role)\n    );\n  }\n\n  public getUser(email: string) {\n    return this.users.find((user: User) => user.email === email);\n  }\n\n  public firstUpdated() {\n    this.reset();\n  }\n\n  public getLanguageCode() {\n    if (this.locale.length > 0) {\n      return this.locale[0].split('-')[0];\n    }\n    return 'en';\n  }\n\n  public refreshGlobals() {\n    getAssets(this.globalsEndpoint).then((assets: Asset[]) => {\n      this.keyedAssets['globals'] = assets.map((asset: Asset) => asset.key);\n    });\n  }\n\n  public refreshFields() {\n    return getAssets(this.fieldsEndpoint).then((assets: Asset[]) => {\n      this.keyedAssets['fields'] = [];\n      this.featuredFields = [];\n\n      assets.forEach((field: ContactField) => {\n        this.keyedAssets['fields'].push(field.key);\n        this.fields[field.key] = field;\n        if (field.featured) {\n          this.featuredFields.push(field);\n        }\n      });\n\n      this.featuredFields.sort((a, b) => {\n        return b.priority - a.priority;\n      });\n\n      this.keyedAssets['fields'].sort();\n\n      this.fireCustomEvent(CustomEventType.StoreUpdated, {\n        url: this.fieldsEndpoint,\n        data: this.keyedAssets['fields'],\n      });\n    });\n  }\n\n  public getShortDuration(scheduled: DateTime, compareDate: DateTime = null) {\n    const now = compareDate || DateTime.now();\n    return scheduled\n      .setLocale(this.locale[0])\n      .toRelative({ base: now, style: 'long' });\n  }\n\n  public getShortDurationFromIso(isoDateA: string, isoDateB: string = null) {\n    const scheduled = DateTime.fromISO(isoDateA);\n    const now = isoDateB ? DateTime.fromISO(isoDateB) : DateTime.now();\n    return this.getShortDuration(scheduled, now);\n  }\n\n  public setKeyedAssets(name: string, values: string[]): void {\n    this.keyedAssets[name] = values;\n  }\n\n  public updated(changedProperties: Map<string, any>) {\n    super.updated(changedProperties);\n\n    if (changedProperties.has('ready') && this.ready) {\n      const locale = this.getLanguageCode();\n      const target = targetLocales.find(\n        targetLocale => targetLocale === locale\n      );\n\n      if (target) {\n        setLocale(target);\n      }\n    }\n  }\n\n  public getCompletionSchema(): CompletionSchema {\n    return this.schema;\n  }\n\n  public getFunctions(): CompletionOption[] {\n    return this.fnOptions;\n  }\n\n  public getKeyedAssets(): KeyedAssets {\n    return this.keyedAssets;\n  }\n\n  public getFieldKeys(): string[] {\n    return this.keyedAssets['fields'] || [];\n  }\n\n  public getContactField(key: string): ContactField {\n    return this.fields[key];\n  }\n\n  public getFeaturedFields(): ContactField[] {\n    return this.featuredFields;\n  }\n\n  public getLanguageName(iso: string) {\n    return this.languages[iso];\n  }\n\n  public isDynamicGroup(uuid: string): boolean {\n    const group = this.groups[uuid];\n    // we treat missing groups as dynamic since the\n    // api excludes initializing groups\n    if (!group) {\n      console.warn('No group for ' + uuid);\n    }\n\n    if (!group || group.query) {\n      return true;\n    }\n    return false;\n  }\n\n  public getWorkspace(): Workspace {\n    return this.workspace;\n  }\n\n  public formatDate(dateString: string) {\n    return DateTime.fromISO(dateString)\n      .setLocale(this.getLocale())\n      .toLocaleString(DateTime.DATETIME_SHORT);\n  }\n\n  public postJSON(url: string, payload: any = '') {\n    return postJSON(url, payload);\n  }\n\n  public postForm(url: string, payload: any | FormData) {\n    return postForm(url, payload);\n  }\n\n  public postUrl(\n    url: string,\n    payload: any = '',\n    headers: any = {},\n    contentType = null\n  ) {\n    return postUrl(url, payload, headers, contentType);\n  }\n\n  public getUrl(\n    url: string,\n    options?: {\n      force?: boolean;\n      controller?: AbortController;\n      headers?: { [key: string]: string };\n    }\n  ): Promise<WebResponse> {\n    options = options || {};\n    if (!options.force && this.cache.has(url)) {\n      return new Promise<WebResponse>(resolve => {\n        resolve(this.cache.get(url));\n      });\n    }\n\n    return getUrl(url, options.controller, options.headers || {}).then(\n      (response: WebResponse) => {\n        return new Promise<WebResponse>((resolve, reject) => {\n          if (response.status >= 200 && response.status <= 300) {\n            this.cache.set(url, response);\n            resolve(response);\n          } else {\n            reject('Status: ' + response.status);\n          }\n        });\n      }\n    );\n  }\n\n  private pendingResolves = {};\n\n  /**\n   * Fetches all of the results for a given API endpoint with caching\n   * @param url\n   */\n  public getResults(\n    url: string,\n    options?: { force?: boolean }\n  ): Promise<any[]> {\n    options = options || {};\n    const key = 'results_' + url;\n    const results = this.cache.get(key);\n\n    if (!options.force && results) {\n      return new Promise<any[]>(resolve => {\n        resolve(results);\n      });\n    }\n\n    return new Promise<any[]>(resolve => {\n      const pending = this.pendingResolves[url] || [];\n      pending.push(resolve);\n      this.pendingResolves[url] = pending;\n      if (pending.length <= 1) {\n        fetchResults(url).then((results: any[]) => {\n          this.cache.set(key, results);\n          const pending = this.pendingResolves[url] || [];\n          while (pending.length > 0) {\n            const resolve = pending.pop();\n            resolve(results);\n          }\n        });\n      }\n    });\n  }\n\n  public fetching: { [url: string]: number } = {};\n\n  public updateCache(url: string, data: any) {\n    this.cache.set(url, data);\n    this.fireCustomEvent(CustomEventType.StoreUpdated, { url, data });\n  }\n\n  public makeRequest(\n    url: string,\n    options?: { force?: boolean; prepareData?: (data: any) => any }\n  ) {\n    const previousRequest = this.fetching[url];\n    const now = new Date().getTime();\n    // if the request was recently made, don't do anything\n    if (previousRequest && now - previousRequest < 500) {\n      return;\n    }\n\n    this.fetching[url] = now;\n    options = options || {};\n    const cached = this.cache.get(url);\n    if (cached && !options.force) {\n      this.fireCustomEvent(CustomEventType.StoreUpdated, { url, data: cached });\n    } else {\n      fetchResults(url).then(data => {\n        if (!data) {\n          delete this.fetching[url];\n          return;\n        }\n\n        data = options.prepareData ? options.prepareData(data) : data;\n        this.cache.set(url, data);\n        this.fireCustomEvent(CustomEventType.StoreUpdated, { url, data });\n        delete this.fetching[url];\n      });\n    }\n  }\n\n  public get(key: string, defaultValue: any = null) {\n    return this.settings[key] || defaultValue;\n  }\n\n  public set(key: string, value: string) {\n    this.settings[key] = value;\n    // not sure yet if we really want to perist these\n    // setCookie(COOKIE_KEYS.SETTINGS, JSON.stringify(this.settings), '/');\n  }\n\n  public render() {\n    if (!this.ready && this.loader) {\n      return html`<temba-loading size=\"10\" units=\"8\"></temba-loading>`;\n    }\n  }\n}\n"]}

package/out-tsc/src/templates/TemplateEditor.js

@@ -3,17 +3,10 @@ import { property } from 'lit/decorators.js';
 import { FormElement } from '../FormElement';
 import { html, css } from 'lit';
 import { CustomEventType } from '../interfaces';
-const KEY_HEADER = 'header';
-const KEY_BODY = 'body';
-const KEY_FOOTER = 'footer';
-const KEY_BUTTONS = 'button';
 export class TemplateEditor extends FormElement {
     constructor() {
         super(...arguments);
         this.lang = 'eng-US';
-        this.buttonKeys = [];
-        this.contentKeys = [];
-        this.otherKeys = [];
     }
     static get styles() {
         return css `
@@ -81,9 +74,18 @@ export class TemplateEditor extends FormElement {
         border-radius: var(--curvature);
         min-height: 23px;
         display: flex;
+        flex-direction: row;
         align-items: center;
         margin-right: 0.5em;
         margin-top: 0.5em;
+        align-items: center;
+      }
+
+      .button .display {
+        margin-right: 0.5em;
+        background: #f9f9f9;
+        padding: 0.25em 1em;
+        border-radius: var(--curvature);
       }
 
       temba-textinput,
@@ -117,29 +119,13 @@ export class TemplateEditor extends FormElement {
                 if (translation.locale === this.lang ||
                     (!loc && translation.locale.split('-')[0] === lang)) {
                     this.translation = translation;
-                    this.buttonKeys = [];
-                    this.contentKeys = [];
-                    this.otherKeys = [];
-                    const keys = Object.keys(translation.components);
-                    for (const key of keys) {
-                        if (key.startsWith(KEY_BUTTONS)) {
-                            this.buttonKeys.push(key);
-                        }
-                        else if (key === KEY_HEADER ||
-                            key === KEY_BODY ||
-                            key === KEY_FOOTER) {
-                            this.contentKeys.push(key);
-                        }
-                        else {
-                            this.otherKeys.push(key);
-                        }
-                        const compParams = translation.components[key].params || [];
+                    for (const comp of translation.components) {
+                        const compParams = comp.params || [];
                         if (compParams.length > 0) {
                             // create an array for the length of params
-                            newParams[key] = new Array(compParams.length).fill('');
+                            newParams[comp.name] = new Array(compParams.length).fill('');
                         }
                     }
-                    this.buttonKeys.sort();
                     // if we are looking at the same template copy our params on top
                     if (this.template === this.selectedTemplate.uuid) {
                         for (const key of Object.keys(this.params || {})) {
@@ -165,95 +151,77 @@ export class TemplateEditor extends FormElement {
     }
     handleVariableChanged(event) {
         const target = event.target;
-        const key = target.getAttribute('key');
         const index = parseInt(target.getAttribute('index'));
-        this.params[key][index - 1] = target.value;
+        this.params[target.name][index - 1] = target.value;
         this.fireCustomEvent(CustomEventType.ContentChanged, {
             template: this.selectedTemplate,
             translation: this.translation,
             params: this.params,
         });
     }
-    renderVariables(key, component) {
+    renderVariables(component) {
         const parts = component.content.split(/{{(\d+)}}/g);
         if (parts.length > 0) {
             const variables = parts.map((part, index) => {
-                const keyIndex = Math.round(index / 2);
+                const paramIndex = Math.round(index / 2);
                 if (index % 2 === 0) {
                     return html `<span class="text">${part}</span>`;
                 }
                 return html `<temba-completion
           class="variable"
           type="text"
-          value=${this.params[key][keyIndex - 1]}
+          value=${this.params[component.name][paramIndex - 1]}
           @change=${this.handleVariableChanged}
-          key="${key}"
-          index="${keyIndex}}"
+          name="${component.name}"
+          index="${paramIndex}"
           placeholder="variable.."
         ></temba-completion>`;
             });
             return html `<div class="content">${variables}</div>`;
         }
     }
-    renderComponent(key, component) {
-        return html ` <div class="component">
-      <div>${key}</div>
-      ${this.renderVariables(key, component)}
-    </div>`;
-    }
-    renderContent(components) {
-        let header = null;
-        let body = null;
-        let footer = null;
-        if (components[KEY_HEADER]) {
-            header = html `<div class="header">
-        ${this.renderVariables(KEY_HEADER, components[KEY_HEADER])}
+    renderComponents(components) {
+        const nonButtons = components
+            .filter(comp => !comp.type.startsWith('button/'))
+            .map(component => html `<div class="${component['name']}">
+            ${this.renderVariables(component)}
+          </div>`);
+        const buttonComponents = components.filter(comp => comp.type.startsWith('button/'));
+        const buttons = buttonComponents.length > 0 ? this.renderButtons(buttonComponents) : null;
+        return html `<div class="main">${nonButtons}</div>
+      <div class="buttons">
+        ${buttons}
+        <div></div>
       </div>`;
-        }
-        if (components[KEY_BODY]) {
-            body = html `<div class="body">
-        ${this.renderVariables(KEY_BODY, components[KEY_BODY])}
-      </div>`;
-        }
-        if (components[KEY_FOOTER]) {
-            footer = html `<div class="footer">
-        ${this.renderVariables(KEY_FOOTER, components[KEY_FOOTER])}
-      </div>`;
-        }
-        if (header || body || footer) {
-            return html `<div class="content">${header}${body}${footer}</div>`;
-        }
-        return null;
     }
     renderButtons(components) {
-        if (this.buttonKeys.length > 0) {
-            const buttons = this.buttonKeys.map(key => {
-                const component = components[key];
-                return html `<div class="button">
-          ${this.renderVariables(key, component)}
-        </div>`;
-            });
-            return html `<div class="button-wrapper">
-        <div class="button-header">Template Buttons</div>
-        <div class="buttons">${buttons}</div>
-      </div>`;
-        }
-        return null;
+        const buttons = components.map(component => {
+            if (component.display) {
+                return html `
+          <div class="button">
+            <div class="display">${component.display}</div>
+            ${this.renderVariables(component)}
+          </div>
+        `;
+            }
+            else {
+                return html `
+          <div class="button">${this.renderVariables(component)}</div>
+        `;
+            }
+        });
+        return html `<div class="button-wrapper">
+      <div class="button-header">Template Buttons</div>
+      <div class="buttons">${buttons}</div>
+    </div>`;
     }
     render() {
         let content = null;
-        let buttons = null;
-        let otherComponents = null;
         if (this.translation) {
-            content = this.renderContent(this.translation.components);
-            buttons = this.renderButtons(this.translation.components);
-            otherComponents = this.otherKeys.map(key => {
-                const component = this.translation.components[key];
-                return this.renderComponent(key, component);
-            });
+            content = this.renderComponents(this.translation.components);
         }
         else {
-            otherComponents = html `<div class="error-message">
+            content = html `<div class="error-message">
         No approved translation was found for current language.
       </div>`;
         }
@@ -266,7 +234,7 @@ export class TemplateEditor extends FormElement {
           valuekey="uuid"
           class="picker"
           value="${this.template}"
-          endpoint=${this.url}
+          endpoint="${this.url}?comps_as_list=true"
           shouldExclude=${template => template.status !== 'approved'}
           placeholder="Select a template"
           @temba-content-changed=${this.swallowEvent}
@@ -274,11 +242,7 @@ export class TemplateEditor extends FormElement {
         >
         </temba-select>
 
-        ${this.template
-            ? html ` <div class="template">
-              ${content} ${buttons} ${otherComponents}
-            </div>`
-            : null}
+        ${this.template ? html ` <div class="template">${content}</div>` : null}
       </div>
     `;
     }

package/out-tsc/src/templates/TemplateEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateEditor.js","sourceRoot":"","sources":["../../../src/templates/TemplateEditor.ts"],"names":[],"mappings":"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","sourcesContent":["import { property } from 'lit/decorators.js';\nimport { FormElement } from '../FormElement';\nimport { TemplateResult, html, css, PropertyValueMap } from 'lit';\nimport { CustomEventType } from '../interfaces';\n\nconst KEY_HEADER = 'header';\nconst KEY_BODY = 'body';\nconst KEY_FOOTER = 'footer';\nconst KEY_BUTTONS = 'button';\n\ninterface Component {\n  content: string;\n  params: { type: string }[];\n}\n\ninterface Translation {\n  locale: string;\n  status: string;\n  channel: { uuid: string; name: string };\n  components: { [key: string]: Component };\n}\n\ninterface Template {\n  created_on: string;\n  modified_on: string;\n  name: string;\n  translations: Translation[];\n  uuid: string;\n}\n\nexport class TemplateEditor extends FormElement {\n  static get styles() {\n    return css`\n      .component {\n        background: #fff;\n        border: 1px solid var(--color-widget-border);\n        border-radius: var(--curvature);\n        padding: 1em;\n        margin-top: 1em;\n      }\n      .picker {\n        margin-bottom: 0.5em;\n        display: block;\n      }\n      .param {\n        display: flex;\n        margin-bottom: 0.5em;\n        align-items: center;\n      }\n      label {\n        margin-right: 0.5em;\n      }\n\n      .content span {\n        margin-right: 0.25em;\n      }\n\n      .error-message {\n        padding-left: 0.5em;\n      }\n\n      .variable {\n        display: inline-block;\n        margin: 0.25em 0em;\n        margin-right: 0.25em;\n      }\n\n      .button-wrapper {\n        margin-top: 1em;\n        background: #f9f9f9;\n        border-radius: var(--curvature);\n        padding: 0.5em;\n        display: flex;\n        flex-direction: column;\n      }\n\n      .button-header {\n        font-weight: normal;\n        margin-left: 0.25em;\n        margin-bottom: -0.5em;\n        font-size: 0.9em;\n        color: #777;\n      }\n\n      .buttons {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n      }\n\n      .button {\n        background: #fff;\n        padding: 0.3em 1em;\n        border: 1px solid #e6e6e6;\n        border-radius: var(--curvature);\n        min-height: 23px;\n        display: flex;\n        align-items: center;\n        margin-right: 0.5em;\n        margin-top: 0.5em;\n      }\n\n      temba-textinput,\n      temba-completion {\n        --temba-textinput-padding: 5px 5px;\n        --temba-textinput-font-size: 0.9em;\n        line-height: initial;\n      }\n\n      .template {\n        background: #fff;\n        border-radius: var(--curvature);\n        border: 1px solid var(--color-widget-border);\n        padding: 1em;\n        line-height: 2.2em;\n      }\n    `;\n  }\n\n  @property({ type: String })\n  url: string;\n\n  // initial template uuid\n  @property({ type: String })\n  template: string;\n\n  @property({ type: Object })\n  selectedTemplate: Template;\n\n  @property({ type: String })\n  lang = 'eng-US';\n\n  // component key to array of strings for variables\n  @property({ type: Object })\n  params: { [key: string]: string[] };\n\n  @property({ type: Object, attribute: false })\n  translation: Translation;\n\n  @property({ type: Boolean })\n  translating: boolean;\n\n  buttonKeys = [];\n  contentKeys = [];\n  otherKeys = [];\n\n  public firstUpdated(\n    changes: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.firstUpdated(changes);\n  }\n\n  public updated(changedProperties: Map<string, any>): void {\n    super.updated(changedProperties);\n  }\n\n  private handleTemplateChanged(event: CustomEvent) {\n    this.selectedTemplate = (event.target as any).values[0] as Template;\n    const [lang, loc] = this.lang.split('-');\n\n    const newParams = {};\n    if (this.selectedTemplate) {\n      this.selectedTemplate.translations.forEach(translation => {\n        if (\n          translation.locale === this.lang ||\n          (!loc && translation.locale.split('-')[0] === lang)\n        ) {\n          this.translation = translation;\n          this.buttonKeys = [];\n          this.contentKeys = [];\n          this.otherKeys = [];\n          const keys = Object.keys(translation.components);\n          for (const key of keys) {\n            if (key.startsWith(KEY_BUTTONS)) {\n              this.buttonKeys.push(key);\n            } else if (\n              key === KEY_HEADER ||\n              key === KEY_BODY ||\n              key === KEY_FOOTER\n            ) {\n              this.contentKeys.push(key);\n            } else {\n              this.otherKeys.push(key);\n            }\n\n            const compParams = translation.components[key].params || [];\n            if (compParams.length > 0) {\n              // create an array for the length of params\n              newParams[key] = new Array(compParams.length).fill('');\n            }\n          }\n          this.buttonKeys.sort();\n\n          // if we are looking at the same template copy our params on top\n          if (this.template === this.selectedTemplate.uuid) {\n            for (const key of Object.keys(this.params || {})) {\n              if (newParams[key]) {\n                for (let i = 0; i < this.params[key].length; i++) {\n                  newParams[key][i] = this.params[key][i];\n                }\n              }\n            }\n          }\n        }\n      });\n    } else {\n      this.translation = null;\n    }\n\n    this.params = newParams;\n    this.fireCustomEvent(CustomEventType.ContextChanged, {\n      template: this.selectedTemplate,\n      translation: this.translation,\n      params: this.params,\n    });\n  }\n\n  private handleVariableChanged(event: CustomEvent) {\n    const target = event.target as HTMLInputElement;\n    const key = target.getAttribute('key');\n    const index = parseInt(target.getAttribute('index'));\n    this.params[key][index - 1] = target.value;\n    this.fireCustomEvent(CustomEventType.ContentChanged, {\n      template: this.selectedTemplate,\n      translation: this.translation,\n      params: this.params,\n    });\n  }\n\n  private renderVariables(key: string, component: Component) {\n    const parts = component.content.split(/{{(\\d+)}}/g);\n    if (parts.length > 0) {\n      const variables = parts.map((part, index) => {\n        const keyIndex = Math.round(index / 2);\n        if (index % 2 === 0) {\n          return html`<span class=\"text\">${part}</span>`;\n        }\n        return html`<temba-completion\n          class=\"variable\"\n          type=\"text\"\n          value=${this.params[key][keyIndex - 1]}\n          @change=${this.handleVariableChanged}\n          key=\"${key}\"\n          index=\"${keyIndex}}\"\n          placeholder=\"variable..\"\n        ></temba-completion>`;\n      });\n      return html`<div class=\"content\">${variables}</div>`;\n    }\n  }\n\n  private renderComponent(key: string, component: Component) {\n    return html` <div class=\"component\">\n      <div>${key}</div>\n      ${this.renderVariables(key, component)}\n    </div>`;\n  }\n\n  public renderContent(components: {\n    [key: string]: Component;\n  }): TemplateResult {\n    let header = null;\n    let body = null;\n    let footer = null;\n\n    if (components[KEY_HEADER]) {\n      header = html`<div class=\"header\">\n        ${this.renderVariables(KEY_HEADER, components[KEY_HEADER])}\n      </div>`;\n    }\n\n    if (components[KEY_BODY]) {\n      body = html`<div class=\"body\">\n        ${this.renderVariables(KEY_BODY, components[KEY_BODY])}\n      </div>`;\n    }\n\n    if (components[KEY_FOOTER]) {\n      footer = html`<div class=\"footer\">\n        ${this.renderVariables(KEY_FOOTER, components[KEY_FOOTER])}\n      </div>`;\n    }\n\n    if (header || body || footer) {\n      return html`<div class=\"content\">${header}${body}${footer}</div>`;\n    }\n    return null;\n  }\n\n  public renderButtons(components): TemplateResult {\n    if (this.buttonKeys.length > 0) {\n      const buttons = this.buttonKeys.map(key => {\n        const component = components[key];\n        return html`<div class=\"button\">\n          ${this.renderVariables(key, component)}\n        </div>`;\n      });\n      return html`<div class=\"button-wrapper\">\n        <div class=\"button-header\">Template Buttons</div>\n        <div class=\"buttons\">${buttons}</div>\n      </div>`;\n    }\n    return null;\n  }\n  public render(): TemplateResult {\n    let content = null;\n    let buttons = null;\n    let otherComponents = null;\n    if (this.translation) {\n      content = this.renderContent(this.translation.components);\n      buttons = this.renderButtons(this.translation.components);\n      otherComponents = this.otherKeys.map(key => {\n        const component = this.translation.components[key];\n        return this.renderComponent(key, component);\n      });\n    } else {\n      otherComponents = html`<div class=\"error-message\">\n        No approved translation was found for current language.\n      </div>`;\n    }\n\n    return html`\n      <div>\n        <temba-select\n          searchable\n          ?clearable=${!this.translating}\n          ?disabled=${this.translating}\n          valuekey=\"uuid\"\n          class=\"picker\"\n          value=\"${this.template}\"\n          endpoint=${this.url}\n          shouldExclude=${template => template.status !== 'approved'}\n          placeholder=\"Select a template\"\n          @temba-content-changed=${this.swallowEvent}\n          @change=${this.handleTemplateChanged}\n        >\n        </temba-select>\n\n        ${this.template\n          ? html` <div class=\"template\">\n              ${content} ${buttons} ${otherComponents}\n            </div>`\n          : null}\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"TemplateEditor.js","sourceRoot":"","sources":["../../../src/templates/TemplateEditor.ts"],"names":[],"mappings":"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","sourcesContent":["import { property } from 'lit/decorators.js';\nimport { FormElement } from '../FormElement';\nimport { TemplateResult, html, css, PropertyValueMap } from 'lit';\nimport { CustomEventType } from '../interfaces';\n\ninterface Component {\n  name: string;\n  type: string;\n  content: string;\n  params: { type: string }[];\n}\n\ninterface Translation {\n  locale: string;\n  status: string;\n  channel: { uuid: string; name: string };\n  components: Component[];\n}\n\ninterface Template {\n  created_on: string;\n  modified_on: string;\n  name: string;\n  translations: Translation[];\n  uuid: string;\n}\n\nexport class TemplateEditor extends FormElement {\n  static get styles() {\n    return css`\n      .component {\n        background: #fff;\n        border: 1px solid var(--color-widget-border);\n        border-radius: var(--curvature);\n        padding: 1em;\n        margin-top: 1em;\n      }\n      .picker {\n        margin-bottom: 0.5em;\n        display: block;\n      }\n      .param {\n        display: flex;\n        margin-bottom: 0.5em;\n        align-items: center;\n      }\n      label {\n        margin-right: 0.5em;\n      }\n\n      .content span {\n        margin-right: 0.25em;\n      }\n\n      .error-message {\n        padding-left: 0.5em;\n      }\n\n      .variable {\n        display: inline-block;\n        margin: 0.25em 0em;\n        margin-right: 0.25em;\n      }\n\n      .button-wrapper {\n        margin-top: 1em;\n        background: #f9f9f9;\n        border-radius: var(--curvature);\n        padding: 0.5em;\n        display: flex;\n        flex-direction: column;\n      }\n\n      .button-header {\n        font-weight: normal;\n        margin-left: 0.25em;\n        margin-bottom: -0.5em;\n        font-size: 0.9em;\n        color: #777;\n      }\n\n      .buttons {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n      }\n\n      .button {\n        background: #fff;\n        padding: 0.3em 1em;\n        border: 1px solid #e6e6e6;\n        border-radius: var(--curvature);\n        min-height: 23px;\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        margin-right: 0.5em;\n        margin-top: 0.5em;\n        align-items: center;\n      }\n\n      .button .display {\n        margin-right: 0.5em;\n        background: #f9f9f9;\n        padding: 0.25em 1em;\n        border-radius: var(--curvature);\n      }\n\n      temba-textinput,\n      temba-completion {\n        --temba-textinput-padding: 5px 5px;\n        --temba-textinput-font-size: 0.9em;\n        line-height: initial;\n      }\n\n      .template {\n        background: #fff;\n        border-radius: var(--curvature);\n        border: 1px solid var(--color-widget-border);\n        padding: 1em;\n        line-height: 2.2em;\n      }\n    `;\n  }\n\n  @property({ type: String })\n  url: string;\n\n  // initial template uuid\n  @property({ type: String })\n  template: string;\n\n  @property({ type: Object })\n  selectedTemplate: Template;\n\n  @property({ type: String })\n  lang = 'eng-US';\n\n  // component key to array of strings for variables\n  @property({ type: Object })\n  params: { [key: string]: string[] };\n\n  @property({ type: Object, attribute: false })\n  translation: Translation;\n\n  @property({ type: Boolean })\n  translating: boolean;\n\n  public firstUpdated(\n    changes: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.firstUpdated(changes);\n  }\n\n  public updated(changedProperties: Map<string, any>): void {\n    super.updated(changedProperties);\n  }\n\n  private handleTemplateChanged(event: CustomEvent) {\n    this.selectedTemplate = (event.target as any).values[0] as Template;\n    const [lang, loc] = this.lang.split('-');\n\n    const newParams = {};\n    if (this.selectedTemplate) {\n      this.selectedTemplate.translations.forEach(translation => {\n        if (\n          translation.locale === this.lang ||\n          (!loc && translation.locale.split('-')[0] === lang)\n        ) {\n          this.translation = translation;\n          for (const comp of translation.components) {\n            const compParams = comp.params || [];\n            if (compParams.length > 0) {\n              // create an array for the length of params\n              newParams[comp.name] = new Array(compParams.length).fill('');\n            }\n          }\n\n          // if we are looking at the same template copy our params on top\n          if (this.template === this.selectedTemplate.uuid) {\n            for (const key of Object.keys(this.params || {})) {\n              if (newParams[key]) {\n                for (let i = 0; i < this.params[key].length; i++) {\n                  newParams[key][i] = this.params[key][i];\n                }\n              }\n            }\n          }\n        }\n      });\n    } else {\n      this.translation = null;\n    }\n\n    this.params = newParams;\n    this.fireCustomEvent(CustomEventType.ContextChanged, {\n      template: this.selectedTemplate,\n      translation: this.translation,\n      params: this.params,\n    });\n  }\n\n  private handleVariableChanged(event: CustomEvent) {\n    const target = event.target as HTMLInputElement;\n    const index = parseInt(target.getAttribute('index'));\n    this.params[target.name][index - 1] = target.value;\n    this.fireCustomEvent(CustomEventType.ContentChanged, {\n      template: this.selectedTemplate,\n      translation: this.translation,\n      params: this.params,\n    });\n  }\n\n  private renderVariables(component: Component) {\n    const parts = component.content.split(/{{(\\d+)}}/g);\n    if (parts.length > 0) {\n      const variables = parts.map((part, index) => {\n        const paramIndex = Math.round(index / 2);\n        if (index % 2 === 0) {\n          return html`<span class=\"text\">${part}</span>`;\n        }\n        return html`<temba-completion\n          class=\"variable\"\n          type=\"text\"\n          value=${this.params[component.name][paramIndex - 1]}\n          @change=${this.handleVariableChanged}\n          name=\"${component.name}\"\n          index=\"${paramIndex}\"\n          placeholder=\"variable..\"\n        ></temba-completion>`;\n      });\n      return html`<div class=\"content\">${variables}</div>`;\n    }\n  }\n\n  public renderComponents(components: Component[]): TemplateResult {\n    const nonButtons = components\n      .filter(comp => !comp.type.startsWith('button/'))\n      .map(\n        component =>\n          html`<div class=\"${component['name']}\">\n            ${this.renderVariables(component)}\n          </div>`\n      );\n    const buttonComponents = components.filter(comp =>\n      comp.type.startsWith('button/')\n    );\n    const buttons =\n      buttonComponents.length > 0 ? this.renderButtons(buttonComponents) : null;\n    return html`<div class=\"main\">${nonButtons}</div>\n      <div class=\"buttons\">\n        ${buttons}\n        <div></div>\n      </div>`;\n  }\n\n  public renderButtons(components): TemplateResult {\n    const buttons = components.map(component => {\n      if (component.display) {\n        return html`\n          <div class=\"button\">\n            <div class=\"display\">${component.display}</div>\n            ${this.renderVariables(component)}\n          </div>\n        `;\n      } else {\n        return html`\n          <div class=\"button\">${this.renderVariables(component)}</div>\n        `;\n      }\n    });\n    return html`<div class=\"button-wrapper\">\n      <div class=\"button-header\">Template Buttons</div>\n      <div class=\"buttons\">${buttons}</div>\n    </div>`;\n  }\n\n  public render(): TemplateResult {\n    let content = null;\n    if (this.translation) {\n      content = this.renderComponents(this.translation.components);\n    } else {\n      content = html`<div class=\"error-message\">\n        No approved translation was found for current language.\n      </div>`;\n    }\n\n    return html`\n      <div>\n        <temba-select\n          searchable\n          ?clearable=${!this.translating}\n          ?disabled=${this.translating}\n          valuekey=\"uuid\"\n          class=\"picker\"\n          value=\"${this.template}\"\n          endpoint=\"${this.url}?comps_as_list=true\"\n          shouldExclude=${template => template.status !== 'approved'}\n          placeholder=\"Select a template\"\n          @temba-content-changed=${this.swallowEvent}\n          @change=${this.handleTemplateChanged}\n        >\n        </temba-select>\n\n        ${this.template ? html` <div class=\"template\">${content}</div>` : null}\n      </div>\n    `;\n  }\n}\n"]}

package/out-tsc/src/utils/index.js

@@ -168,6 +168,10 @@ export const postUrl = (url, payload, headers = {}, contentType = null) => {
     return new Promise((resolve, reject) => {
         fetch(url, options)
             .then(async (response) => {
+            if (response.status >= 500) {
+                reject(response);
+                return;
+            }
             response.text().then((body) => {
                 let json = {};
                 try {