@nyaruka/temba-components 0.140.0 → 0.141.1

package/out-tsc/src/layout/Modax.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modax.js","sourceRoot":"","sources":["../../../src/layout/Modax.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html, css } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\n\nimport { RapidElement } from '../RapidElement';\nimport { getUrl, serialize, postUrl, WebResponse, getClasses } from '../utils';\nimport { CustomEventType } from '../interfaces';\nimport { ButtonType, Dialog, DialogButton } from './Dialog';\n\nexport class Modax extends RapidElement {\n  static get styles() {\n    return css`\n      fieldset {\n        border: none;\n        margin: 0;\n        padding: 0;\n      }\n\n      .control-group {\n        margin-bottom: var(--control-margin-bottom);\n      }\n\n      .form-actions {\n        display: none;\n      }\n\n      button[type='submit'],\n      input[type='submit'] {\n        display: none;\n      }\n\n      .modax-body {\n        padding: 20px;\n        display: block;\n        position: relative;\n        background: var(--body-bg);\n      }\n\n      .modax-body.submitting:before {\n        display: inline-block;\n        content: '';\n        height: 100%;\n        width: 100%;\n        margin-left: -20px;\n        margin-top: -20px;\n        background: rgba(200, 200, 200, 0.1);\n        position: absolute;\n        z-index: 10000;\n      }\n\n      temba-loading {\n        margin: 0 auto;\n        display: block;\n        width: 150px;\n      }\n\n      ul.errorlist {\n        margin-top: 0px;\n        list-style-type: none;\n        padding-left: 0;\n        padding-bottom: 7px;\n      }\n\n      ul.errorlist li {\n        color: var(--color-error);\n        background: rgba(255, 181, 181, 0.17);\n        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),\n          0 1px 2px 0 rgba(0, 0, 0, 0.06);\n        color: tomato;\n        padding: 10px;\n        margin-bottom: 10px;\n        border-radius: 6px;\n      }\n\n      .step-ball {\n        background: rgba(var(--primary-rgb), 0.2);\n        width: 1.2em;\n        height: 1.2em;\n        border-radius: 100%;\n        margin-right: 0.5em;\n        border: 0.15em solid transparent;\n      }\n\n      .step-ball.complete {\n        background: rgba(var(--primary-rgb), 0.7);\n        cursor: pointer;\n      }\n      .step-ball.complete:hover {\n        background: rgba(var(--primary-rgb), 0.8);\n      }\n\n      .step-ball.active {\n        border: 0.15em solid var(--color-primary-dark);\n      }\n\n      .wizard-steps {\n        display: flex;\n        flex-direction: row;\n        margin-left: 0.6em;\n      }\n    `;\n  }\n\n  @property({ type: String })\n  header = '';\n\n  @property({ type: String })\n  endpoint: string;\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: Boolean })\n  fetching = false;\n\n  @property({ type: Boolean })\n  submitting: boolean;\n\n  @property({ type: String })\n  primaryName: string;\n\n  @property({ type: String })\n  cancelName: string;\n\n  @property({ type: String })\n  onLoaded: string;\n\n  @property({ type: Boolean })\n  noSubmit: boolean;\n\n  @property({ type: Object })\n  headers: any = {};\n\n  @property({ type: String })\n  body: any = this.getLoading();\n\n  @property({ type: Boolean })\n  disabled = false;\n\n  @property({ type: Array })\n  buttons: DialogButton[] = [];\n\n  @property({ type: Number })\n  wizardStep = 0;\n\n  @property({ type: Number })\n  wizardStepCount = 0;\n\n  @property({ type: Boolean })\n  suspendSubmit = false;\n  // private cancelToken: CancelTokenSource;\n\n  private handleSlotClicked(): void {\n    this.open = true;\n  }\n\n  public updated(changes: Map<string, any>) {\n    super.updated(changes);\n\n    if (changes.has('open')) {\n      if (this.open) {\n        this.fetchForm();\n      } else {\n        // open can get reflected into undefined, make sure we've been open before\n        if (changes.get('open') !== undefined) {\n          // hide our body after our hiding animation is done\n          if (this.open) {\n            window.setTimeout(() => {\n              this.body = this.getLoading();\n              this.submitting = false;\n            }, 500);\n          } else {\n            // clear the modal body out when closed, note that js functions declared on the\n            // window will hang around\n            this.setBody('');\n          }\n        }\n      }\n    }\n\n    if (changes.has('body') && this.open && this.body && !this.fetching) {\n      const dialog = this.shadowRoot.querySelector('temba-dialog') as Dialog;\n      dialog.focusFirstInput();\n    }\n  }\n\n  private getLoading() {\n    return html`<temba-loading units=\"6\" size=\"8\"></temba-loading>`;\n  }\n\n  public updatePrimaryButton(): void {\n    const wizard = this.shadowRoot.querySelector(\n      '#wizard-form'\n    ) as HTMLDivElement;\n    if (wizard) {\n      this.wizardStep = parseInt(wizard.dataset.step);\n      this.wizardStepCount = parseInt(wizard.dataset.steps);\n    }\n\n    if (!this.noSubmit) {\n      this.updateComplete.then(() => {\n        const submitButton = this.shadowRoot.querySelector(\n          \"input[type='submit'],button[type='submit']\"\n        ) as any;\n\n        if (submitButton) {\n          this.buttons = [\n            { type: ButtonType.SECONDARY, name: 'Cancel', closes: true },\n            { type: ButtonType.PRIMARY, name: submitButton.value }\n          ];\n        } else {\n          this.buttons = [\n            { type: ButtonType.SECONDARY, name: 'Ok', closes: true }\n          ];\n        }\n        this.submitting = false;\n      });\n    }\n  }\n\n  private setBody(body: string): boolean {\n    // remove any existing on our previous body\n    const scriptBlock = this.shadowRoot.querySelector('.scripts') as any;\n    for (const child of scriptBlock.children) {\n      child.remove();\n    }\n\n    // parse out any scripts in the body\n    const div = this.ownerDocument.createElement('div');\n    div.innerHTML = body;\n    const scripts = div.getElementsByTagName('script');\n    const toAdd: any = [];\n    // now add them in\n    for (let i = scripts.length - 1; i >= 0; i--) {\n      // for (let i = 0; i < scripts.length; i++) {\n      const script = this.ownerDocument.createElement('script');\n      const code = scripts[i].innerText;\n\n      if (scripts[i].src && scripts[i].src.indexOf('web-dev-server') === -1) {\n        script.src = scripts[i].src;\n        script.type = 'text/javascript';\n        script.async = true;\n\n        // TODO: track and fire event once all scripts are loaded\n        // eslint-disable-next-line @typescript-eslint/no-empty-function\n        script.onload = function () {};\n        toAdd.push(script);\n      } else if (code) {\n        script.appendChild(this.ownerDocument.createTextNode(code));\n        toAdd.push(script);\n        // remove it from our current body text\n      }\n      scripts[i].remove();\n    }\n\n    const scriptOnly = !!div.querySelector('.success-script');\n\n    if (!scriptOnly) {\n      this.body = unsafeHTML(div.innerHTML);\n    }\n\n    this.updateComplete.then(() => {\n      for (const script of toAdd) {\n        scriptBlock.appendChild(script);\n      }\n    });\n    return !scriptOnly;\n  }\n\n  public getHeaders(): any {\n    const headers = this.headers;\n    headers['X-PJAX'] = 1;\n    return headers;\n  }\n\n  private fetchForm() {\n    // const CancelToken = axios.CancelToken;\n    // this.cancelToken = CancelToken.source();\n    this.fetching = true;\n    this.body = this.getLoading();\n    getUrl(this.endpoint, null, this.getHeaders())\n      .then((response: WebResponse) => {\n        // if it's a full page, breakout of the modal\n        if (response.body.indexOf('<!DOCTYPE HTML>') == 0) {\n          this.open = false;\n          document.location = response.url;\n        } else {\n          this.setBody(response.body);\n          this.fetching = false;\n          this.updateComplete.then(() => {\n            this.updatePrimaryButton();\n            this.fireCustomEvent(CustomEventType.Loaded, {\n              body: this.getBody()\n            });\n          });\n        }\n      })\n      .catch((error) => {\n        this.fetching = false;\n        this.open = false;\n        this.fireCustomEvent(CustomEventType.Error, { error });\n      });\n  }\n\n  public submit(extra = {}): void {\n    this.submitting = true;\n    const form = this.shadowRoot.querySelector('form');\n\n    let postData = form ? serialize(form) : '';\n    if (extra) {\n      Object.keys(extra).forEach((key) => {\n        postData +=\n          (postData.length > 1 ? '&' : '') +\n          encodeURIComponent(key) +\n          '=' +\n          encodeURIComponent(extra[key]);\n      });\n    }\n\n    postUrl(\n      this.endpoint,\n      postData,\n      this.getHeaders(),\n      'application/x-www-form-urlencoded'\n    )\n      .then((response: WebResponse) => {\n        window.setTimeout(() => {\n          let redirect = response.headers.get('X-Temba-Success');\n          if (\n            !redirect &&\n            response.url &&\n            response.url.indexOf(this.endpoint) === -1\n          ) {\n            redirect = response.url;\n          }\n\n          if (redirect) {\n            if (redirect === 'hide') {\n              this.updateComplete.then(() => {\n                this.open = false;\n                this.fireCustomEvent(CustomEventType.Submitted);\n              });\n            } else {\n              this.fireCustomEvent(CustomEventType.Redirected, {\n                url: redirect\n              });\n              this.open = false;\n            }\n          } else {\n            if (response.body.indexOf('<!DOCTYPE HTML>') == 0) {\n              this.open = false;\n              document.location = response.url;\n              return;\n            }\n\n            // if we set the body, update our submit button\n            if (this.setBody(response.body)) {\n              this.updateComplete.then(() => {\n                this.updatePrimaryButton();\n              });\n            }\n          }\n        }, 1000);\n      })\n      .catch((error) => {\n        console.error(error);\n      });\n  }\n\n  private handleDialogClick(evt: CustomEvent) {\n    const button = evt.detail.button;\n    const detail = evt.detail.detail;\n    if (!button.disabled && !button.submitting) {\n      if (button.primary || button.destructive) {\n        if (!this.suspendSubmit) {\n          this.submit();\n        }\n      }\n    }\n\n    if (detail.closes) {\n      this.open = false;\n      this.fetching = false;\n      this.cancelName = undefined;\n    }\n  }\n\n  private handleDialogHidden() {\n    // this.cancelToken.cancel();\n    this.open = false;\n    this.fetching = false;\n  }\n\n  private isDestructive(): boolean {\n    return (\n      this.endpoint &&\n      (this.endpoint.indexOf('delete') > -1 ||\n        this.endpoint.indexOf('interrupt') > -1)\n    );\n  }\n\n  private handleGotoStep(evt: MouseEvent) {\n    const step = (evt.target as HTMLDivElement).dataset.gotoStep;\n    if (step) {\n      this.submit({ wizard_goto_step: step });\n    }\n  }\n\n  public getBody() {\n    return this.shadowRoot.querySelector('.modax-body');\n  }\n\n  public render(): TemplateResult {\n    const wizardStepBalls = [];\n\n    const wizard = this.shadowRoot.querySelector(\n      '#wizard-form'\n    ) as HTMLDivElement;\n    if (wizard) {\n      const completed = (wizard.getAttribute('data-completed') || '')\n        .split(',')\n        .filter((step) => step.length > 0);\n\n      for (let i = 0; i < this.wizardStepCount; i++) {\n        wizardStepBalls.push(\n          html`<div\n            data-goto-step=${completed[i]}\n            @click=${this.handleGotoStep.bind(this)}\n            class=\"${getClasses({\n              'step-ball': true,\n              active: this.wizardStep - 1 === i,\n              complete: i < completed.length\n            })}\"\n          ></div>`\n        );\n      }\n    }\n\n    return html`\n      <temba-dialog\n        .header=${this.header}\n        .buttons=${this.buttons}\n        ?open=${this.open}\n        ?loading=${this.fetching}\n        ?submitting=${this.submitting}\n        ?destructive=${this.isDestructive()}\n        ?noFocus=${true}\n        ?disabled=${this.disabled}\n        @temba-button-clicked=${this.handleDialogClick.bind(this)}\n        @temba-dialog-hidden=${this.handleDialogHidden.bind(this)}\n      >\n        <div\n          class=\"modax-body ${this.submitting ? 'submitting' : ''}\"\n          style=\"${this.isMobile() ? 'flex-grow:1' : ''}\"\n        >\n          ${this.body}\n        </div>\n        <div class=\"scripts\"></div>\n        <div slot=\"gutter\">\n          <div class=\"wizard-steps\">${wizardStepBalls}</div>\n        </div>\n      </temba-dialog>\n      <div class=\"slot-wrapper\" @click=${this.handleSlotClicked}>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"Modax.js","sourceRoot":"","sources":["../../../src/layout/Modax.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html, css } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\n\nimport { RapidElement } from '../RapidElement';\nimport { getUrl, serialize, postUrl, WebResponse, getClasses } from '../utils';\nimport { CustomEventType } from '../interfaces';\nimport { ButtonType, Dialog, DialogButton } from './Dialog';\n\nexport class Modax extends RapidElement {\n  static get styles() {\n    return css`\n      fieldset {\n        border: none;\n        margin: 0;\n        padding: 0;\n      }\n\n      .control-group {\n        margin-bottom: var(--control-margin-bottom);\n      }\n\n      .form-actions {\n        display: none;\n      }\n\n      button[type='submit'],\n      input[type='submit'] {\n        display: none;\n      }\n\n      .modax-body {\n        padding: 20px;\n        display: block;\n        position: relative;\n        background: var(--body-bg);\n      }\n\n      .modax-body.submitting:before {\n        display: inline-block;\n        content: '';\n        height: 100%;\n        width: 100%;\n        margin-left: -20px;\n        margin-top: -20px;\n        background: rgba(200, 200, 200, 0.1);\n        position: absolute;\n        z-index: 10000;\n      }\n\n      temba-loading {\n        margin: 0 auto;\n        display: block;\n        width: 150px;\n      }\n\n      ul.errorlist {\n        margin-top: 0px;\n        list-style-type: none;\n        padding-left: 0;\n        padding-bottom: 7px;\n      }\n\n      ul.errorlist li {\n        color: var(--color-error);\n        background: rgba(255, 181, 181, 0.17);\n        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),\n          0 1px 2px 0 rgba(0, 0, 0, 0.06);\n        color: tomato;\n        padding: 10px;\n        margin-bottom: 10px;\n        border-radius: 6px;\n      }\n\n      .step-ball {\n        background: rgba(var(--primary-rgb), 0.2);\n        width: 1.2em;\n        height: 1.2em;\n        border-radius: 100%;\n        margin-right: 0.5em;\n        border: 0.15em solid transparent;\n      }\n\n      .step-ball.complete {\n        background: rgba(var(--primary-rgb), 0.7);\n        cursor: pointer;\n      }\n      .step-ball.complete:hover {\n        background: rgba(var(--primary-rgb), 0.8);\n      }\n\n      .step-ball.active {\n        border: 0.15em solid var(--color-primary-dark);\n      }\n\n      .wizard-steps {\n        display: flex;\n        flex-direction: row;\n        margin-left: 0.6em;\n      }\n    `;\n  }\n\n  @property({ type: String })\n  header = '';\n\n  @property({ type: String })\n  endpoint: string;\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: Boolean })\n  fetching = false;\n\n  @property({ type: Boolean })\n  submitting: boolean;\n\n  @property({ type: String })\n  primaryName: string;\n\n  @property({ type: String })\n  cancelName: string;\n\n  @property({ type: String })\n  onLoaded: string;\n\n  @property({ type: Boolean })\n  noSubmit: boolean;\n\n  @property({ type: Object })\n  headers: any = {};\n\n  @property({ type: String })\n  body: any = this.getLoading();\n\n  @property({ type: Boolean })\n  disabled = false;\n\n  @property({ type: Array })\n  buttons: DialogButton[] = [];\n\n  @property({ type: Number })\n  wizardStep = 0;\n\n  @property({ type: Number })\n  wizardStepCount = 0;\n\n  @property({ type: Boolean })\n  suspendSubmit = false;\n\n  @property({ type: Number })\n  originX: number | null = null;\n\n  @property({ type: Number })\n  originY: number | null = null;\n\n  // private cancelToken: CancelTokenSource;\n\n  private handleSlotClicked(event: MouseEvent): void {\n    const el = event.currentTarget as Element;\n    if (el) {\n      const rect = el.getBoundingClientRect();\n      this.originX = rect.left + rect.width / 2;\n      this.originY = rect.top;\n    }\n    this.open = true;\n  }\n\n  public updated(changes: Map<string, any>) {\n    super.updated(changes);\n\n    if (changes.has('open')) {\n      if (this.open) {\n        this.fetchForm();\n      } else {\n        // open can get reflected into undefined, make sure we've been open before\n        if (changes.get('open') !== undefined) {\n          // hide our body after our hiding animation is done\n          if (this.open) {\n            window.setTimeout(() => {\n              this.body = this.getLoading();\n              this.submitting = false;\n            }, 500);\n          } else {\n            // clear the modal body out when closed, note that js functions declared on the\n            // window will hang around\n            this.setBody('');\n            this.originX = null;\n            this.originY = null;\n          }\n        }\n      }\n    }\n\n    if (changes.has('body') && this.open && this.body && !this.fetching) {\n      const dialog = this.shadowRoot.querySelector('temba-dialog') as Dialog;\n      dialog.focusFirstInput();\n    }\n  }\n\n  private getLoading() {\n    return html`<temba-loading units=\"6\" size=\"8\"></temba-loading>`;\n  }\n\n  public updatePrimaryButton(): void {\n    const wizard = this.shadowRoot.querySelector(\n      '#wizard-form'\n    ) as HTMLDivElement;\n    if (wizard) {\n      this.wizardStep = parseInt(wizard.dataset.step);\n      this.wizardStepCount = parseInt(wizard.dataset.steps);\n    }\n\n    if (!this.noSubmit) {\n      this.updateComplete.then(() => {\n        const submitButton = this.shadowRoot.querySelector(\n          \"input[type='submit'],button[type='submit']\"\n        ) as any;\n\n        if (submitButton) {\n          this.buttons = [\n            { type: ButtonType.SECONDARY, name: 'Cancel', closes: true },\n            { type: ButtonType.PRIMARY, name: submitButton.value }\n          ];\n        } else {\n          this.buttons = [\n            { type: ButtonType.SECONDARY, name: 'Ok', closes: true }\n          ];\n        }\n        this.submitting = false;\n      });\n    }\n  }\n\n  private setBody(body: string): boolean {\n    // remove any existing on our previous body\n    const scriptBlock = this.shadowRoot.querySelector('.scripts') as any;\n    for (const child of scriptBlock.children) {\n      child.remove();\n    }\n\n    // parse out any scripts in the body\n    const div = this.ownerDocument.createElement('div');\n    div.innerHTML = body;\n    const scripts = div.getElementsByTagName('script');\n    const toAdd: any = [];\n    // now add them in\n    for (let i = scripts.length - 1; i >= 0; i--) {\n      // for (let i = 0; i < scripts.length; i++) {\n      const script = this.ownerDocument.createElement('script');\n      const code = scripts[i].innerText;\n\n      if (scripts[i].src && scripts[i].src.indexOf('web-dev-server') === -1) {\n        script.src = scripts[i].src;\n        script.type = 'text/javascript';\n        script.async = true;\n\n        // TODO: track and fire event once all scripts are loaded\n        // eslint-disable-next-line @typescript-eslint/no-empty-function\n        script.onload = function () {};\n        toAdd.push(script);\n      } else if (code) {\n        script.appendChild(this.ownerDocument.createTextNode(code));\n        toAdd.push(script);\n        // remove it from our current body text\n      }\n      scripts[i].remove();\n    }\n\n    const scriptOnly = !!div.querySelector('.success-script');\n\n    if (!scriptOnly) {\n      this.body = unsafeHTML(div.innerHTML);\n    }\n\n    this.updateComplete.then(() => {\n      for (const script of toAdd) {\n        scriptBlock.appendChild(script);\n      }\n    });\n    return !scriptOnly;\n  }\n\n  public getHeaders(): any {\n    const headers = this.headers;\n    headers['X-PJAX'] = 1;\n    return headers;\n  }\n\n  private fetchForm() {\n    // const CancelToken = axios.CancelToken;\n    // this.cancelToken = CancelToken.source();\n    this.fetching = true;\n    this.body = this.getLoading();\n    getUrl(this.endpoint, null, this.getHeaders())\n      .then((response: WebResponse) => {\n        // if it's a full page, breakout of the modal\n        if (response.body.indexOf('<!DOCTYPE HTML>') == 0) {\n          this.open = false;\n          document.location = response.url;\n        } else {\n          this.setBody(response.body);\n          this.fetching = false;\n          this.updateComplete.then(() => {\n            this.updatePrimaryButton();\n            this.fireCustomEvent(CustomEventType.Loaded, {\n              body: this.getBody()\n            });\n          });\n        }\n      })\n      .catch((error) => {\n        this.fetching = false;\n        this.open = false;\n        this.fireCustomEvent(CustomEventType.Error, { error });\n      });\n  }\n\n  public submit(extra = {}): void {\n    this.submitting = true;\n    const form = this.shadowRoot.querySelector('form');\n\n    let postData = form ? serialize(form) : '';\n    if (extra) {\n      Object.keys(extra).forEach((key) => {\n        postData +=\n          (postData.length > 1 ? '&' : '') +\n          encodeURIComponent(key) +\n          '=' +\n          encodeURIComponent(extra[key]);\n      });\n    }\n\n    postUrl(\n      this.endpoint,\n      postData,\n      this.getHeaders(),\n      'application/x-www-form-urlencoded'\n    )\n      .then((response: WebResponse) => {\n        window.setTimeout(() => {\n          let redirect = response.headers.get('X-Temba-Success');\n          if (\n            !redirect &&\n            response.url &&\n            response.url.indexOf(this.endpoint) === -1\n          ) {\n            redirect = response.url;\n          }\n\n          if (redirect) {\n            if (redirect === 'hide') {\n              this.updateComplete.then(() => {\n                this.open = false;\n                this.fireCustomEvent(CustomEventType.Submitted);\n              });\n            } else {\n              this.fireCustomEvent(CustomEventType.Redirected, {\n                url: redirect\n              });\n              this.open = false;\n            }\n          } else {\n            if (response.body.indexOf('<!DOCTYPE HTML>') == 0) {\n              this.open = false;\n              document.location = response.url;\n              return;\n            }\n\n            // if we set the body, update our submit button\n            if (this.setBody(response.body)) {\n              this.updateComplete.then(() => {\n                this.updatePrimaryButton();\n              });\n            }\n          }\n        }, 1000);\n      })\n      .catch((error) => {\n        console.error(error);\n      });\n  }\n\n  private handleDialogClick(evt: CustomEvent) {\n    const button = evt.detail.button;\n    const detail = evt.detail.detail;\n    if (!button.disabled && !button.submitting) {\n      if (button.primary || button.destructive) {\n        if (!this.suspendSubmit) {\n          this.submit();\n        }\n      }\n    }\n\n    if (detail.closes) {\n      this.open = false;\n      this.fetching = false;\n      this.cancelName = undefined;\n    }\n  }\n\n  private handleDialogHidden() {\n    // this.cancelToken.cancel();\n    this.open = false;\n    this.fetching = false;\n  }\n\n  private isDestructive(): boolean {\n    return (\n      this.endpoint &&\n      (this.endpoint.indexOf('delete') > -1 ||\n        this.endpoint.indexOf('interrupt') > -1)\n    );\n  }\n\n  private handleGotoStep(evt: MouseEvent) {\n    const step = (evt.target as HTMLDivElement).dataset.gotoStep;\n    if (step) {\n      this.submit({ wizard_goto_step: step });\n    }\n  }\n\n  public getBody() {\n    return this.shadowRoot.querySelector('.modax-body');\n  }\n\n  public render(): TemplateResult {\n    const wizardStepBalls = [];\n\n    const wizard = this.shadowRoot.querySelector(\n      '#wizard-form'\n    ) as HTMLDivElement;\n    if (wizard) {\n      const completed = (wizard.getAttribute('data-completed') || '')\n        .split(',')\n        .filter((step) => step.length > 0);\n\n      for (let i = 0; i < this.wizardStepCount; i++) {\n        wizardStepBalls.push(\n          html`<div\n            data-goto-step=${completed[i]}\n            @click=${this.handleGotoStep.bind(this)}\n            class=\"${getClasses({\n              'step-ball': true,\n              active: this.wizardStep - 1 === i,\n              complete: i < completed.length\n            })}\"\n          ></div>`\n        );\n      }\n    }\n\n    return html`\n      <temba-dialog\n        .header=${this.header}\n        .buttons=${this.buttons}\n        ?open=${this.open}\n        ?loading=${this.fetching && this.originX == null}\n        ?submitting=${this.submitting}\n        ?destructive=${this.isDestructive()}\n        ?noFocus=${true}\n        ?disabled=${this.disabled}\n        .originX=${this.originX}\n        .originY=${this.originY}\n        @temba-button-clicked=${this.handleDialogClick.bind(this)}\n        @temba-dialog-hidden=${this.handleDialogHidden.bind(this)}\n      >\n        <div\n          class=\"modax-body ${this.submitting ? 'submitting' : ''}\"\n          style=\"${this.isMobile() ? 'flex-grow:1' : ''}\"\n        >\n          ${this.body}\n        </div>\n        <div class=\"scripts\"></div>\n        <div slot=\"gutter\">\n          <div class=\"wizard-steps\">${wizardStepBalls}</div>\n        </div>\n      </temba-dialog>\n      <div class=\"slot-wrapper\" @click=${this.handleSlotClicked}>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"]}

package/out-tsc/src/list/ContentMenu.js

@@ -127,8 +127,21 @@ export class ContentMenu extends RapidElement {
             this.fetchContentMenu();
         }
     }
+    getTopCenter(el) {
+        const rect = el.getBoundingClientRect();
+        return { x: rect.left + rect.width / 2, y: rect.top };
+    }
     handleItemClicked(item, event) {
-        this.fireCustomEvent(CustomEventType.Selection, { item, event });
+        const el = event.currentTarget;
+        const origin = el
+            ? this.getTopCenter(el)
+            : { x: event.clientX, y: event.clientY };
+        this.fireCustomEvent(CustomEventType.Selection, {
+            item,
+            event,
+            originX: origin.x,
+            originY: origin.y
+        });
     }
     render() {
         return html `

package/out-tsc/src/list/ContentMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentMenu.js","sourceRoot":"","sources":["../../../src/list/ContentMenu.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html, css } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { CustomEventType } from '../interfaces';\n\nimport { RapidElement } from '../RapidElement';\nimport { getUrl, WebResponse } from '../utils';\n\nconst HEADERS = {\n  'X-Temba-Content-Menu': '1',\n  'X-Temba-Spa': '1'\n};\nexport interface ContentMenuItem {\n  type: string;\n  as_button: boolean;\n  label: string;\n  url: string;\n  disabled: boolean;\n  modal_id: string;\n  on_submit: string;\n  primary: boolean;\n  title: string;\n  on_click: null;\n  link_class: string;\n}\n\nexport enum ContentMenuItemType {\n  LINK = 'link',\n  JS = 'js',\n  URL_POST = 'url_post',\n  MODAX = 'modax',\n  DIVIDER = 'divider'\n}\n\nexport class ContentMenu extends RapidElement {\n  static get styles() {\n    return css`\n      :host {\n        tabindex: 0;\n        z-index: 5000;\n      }\n      .container {\n        --button-y: 0.4em;\n        --button-x: 1em;\n        display: flex;\n        align-items: center;\n      }\n\n      .button_item,\n      .primary_button_item {\n        margin-left: 1rem;\n      }\n\n      temba-button {\n        margin-right: 0.5rem;\n      }\n      .toggle {\n        --icon-color: rgb(102, 102, 102);\n        padding: 0.4em;\n      }\n\n      .toggle:hover {\n        background: rgba(0, 0, 0, 0.05);\n        border-radius: var(--curvature);\n        --icon-color: rgb(136, 136, 136);\n      }\n\n      .dropdown {\n        padding: 1rem 1.5rem;\n        color: rgb(45, 45, 45);\n        z-index: 50;\n        min-width: 200px;\n        tabindex: 0;\n      }\n\n      .divider {\n        border-bottom: 1px solid rgb(237, 237, 237);\n        margin: 1rem -1.5em;\n      }\n\n      .item {\n        white-space: nowrap;\n        margin: 0.2em 0em;\n        font-size: 1.1rem;\n        cursor: pointer;\n        font-weight: 400;\n        tabindex: 0;\n      }\n\n      .item:hover {\n        color: var(--color-link-primary);\n      }\n    `;\n  }\n\n  @property({ type: String })\n  endpoint: string;\n\n  @property({ type: Number })\n  legacy: number;\n\n  @property({ type: Array, attribute: false })\n  buttons: ContentMenuItem[] = [];\n\n  @property({ type: Array, attribute: false })\n  items: ContentMenuItem[] = [];\n\n  @property({ type: Boolean })\n  arrowTopLeft: boolean;\n\n  private fetchContentMenu() {\n    const url = this.endpoint;\n    if (url) {\n      const legacy = this.legacy;\n      const headers = HEADERS;\n      if (legacy) {\n        delete headers['Temba-Spa'];\n      }\n\n      //ok, fetch the content menu\n      getUrl(url, null, headers)\n        .then((response: WebResponse) => {\n          const json = response.json;\n          const contentMenu = json.items as ContentMenuItem[];\n\n          //populate (or initialize) the buttons and items\n          if (contentMenu) {\n            this.buttons = contentMenu.filter((item) => item.as_button);\n            this.items = contentMenu.filter((item) => !item.as_button);\n          } else {\n            this.buttons = [];\n            this.items = [];\n          }\n\n          //fire custom loaded event type when we're finished\n          this.fireCustomEvent(CustomEventType.Loaded, {\n            buttons: this.buttons,\n            items: this.items\n          });\n        })\n        .catch((error: any) => {\n          this.fireCustomEvent(CustomEventType.Loaded, {\n            buttons: this.buttons,\n            items: this.items\n          });\n\n          console.error(error);\n        });\n    }\n  }\n\n  public refresh() {\n    this.fetchContentMenu();\n  }\n\n  protected updated(changes: Map<string, any>) {\n    super.updated(changes);\n    if (changes.has('endpoint') || changes.has('legacy')) {\n      this.fetchContentMenu();\n    }\n  }\n\n  private handleItemClicked(item: ContentMenuItem, event: MouseEvent) {\n    this.fireCustomEvent(CustomEventType.Selection, { item, event });\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"container\">\n        ${this.buttons.map((button) => {\n          return html`<temba-button\n            class=\"${button.primary ? 'primary_button_item' : 'button_item'}\"\n            name=${button.label}\n            @click=${(event) => this.handleItemClicked(button, event)}\n          >\n            ${button.label}\n          </temba-button>`;\n        })}\n        ${this.items && this.items.length > 0\n          ? html`<temba-dropdown>\n              <div slot=\"toggle\" class=\"toggle\">\n                <temba-icon name=\"menu\" size=\"1.5\"></temba-icon>\n              </div>\n              <div slot=\"dropdown\" class=\"dropdown\">\n                ${this.items.map((item) => {\n                  if (item.type === ContentMenuItemType.DIVIDER) {\n                    return html` <div class=\"divider\"></div>`;\n                  } else {\n                    return html` <div\n                      class=\"item\"\n                      name=${item.label}\n                      @click=${(event) => this.handleItemClicked(item, event)}\n                    >\n                      ${item.label}\n                    </div>`;\n                  }\n                })}\n              </div>\n            </temba-dropdown>`\n          : null}\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"ContentMenu.js","sourceRoot":"","sources":["../../../src/list/ContentMenu.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html, css } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { CustomEventType } from '../interfaces';\n\nimport { RapidElement } from '../RapidElement';\nimport { getUrl, WebResponse } from '../utils';\n\nconst HEADERS = {\n  'X-Temba-Content-Menu': '1',\n  'X-Temba-Spa': '1'\n};\nexport interface ContentMenuItem {\n  type: string;\n  as_button: boolean;\n  label: string;\n  url: string;\n  disabled: boolean;\n  modal_id: string;\n  on_submit: string;\n  primary: boolean;\n  title: string;\n  on_click: null;\n  link_class: string;\n}\n\nexport enum ContentMenuItemType {\n  LINK = 'link',\n  JS = 'js',\n  URL_POST = 'url_post',\n  MODAX = 'modax',\n  DIVIDER = 'divider'\n}\n\nexport class ContentMenu extends RapidElement {\n  static get styles() {\n    return css`\n      :host {\n        tabindex: 0;\n        z-index: 5000;\n      }\n      .container {\n        --button-y: 0.4em;\n        --button-x: 1em;\n        display: flex;\n        align-items: center;\n      }\n\n      .button_item,\n      .primary_button_item {\n        margin-left: 1rem;\n      }\n\n      temba-button {\n        margin-right: 0.5rem;\n      }\n      .toggle {\n        --icon-color: rgb(102, 102, 102);\n        padding: 0.4em;\n      }\n\n      .toggle:hover {\n        background: rgba(0, 0, 0, 0.05);\n        border-radius: var(--curvature);\n        --icon-color: rgb(136, 136, 136);\n      }\n\n      .dropdown {\n        padding: 1rem 1.5rem;\n        color: rgb(45, 45, 45);\n        z-index: 50;\n        min-width: 200px;\n        tabindex: 0;\n      }\n\n      .divider {\n        border-bottom: 1px solid rgb(237, 237, 237);\n        margin: 1rem -1.5em;\n      }\n\n      .item {\n        white-space: nowrap;\n        margin: 0.2em 0em;\n        font-size: 1.1rem;\n        cursor: pointer;\n        font-weight: 400;\n        tabindex: 0;\n      }\n\n      .item:hover {\n        color: var(--color-link-primary);\n      }\n    `;\n  }\n\n  @property({ type: String })\n  endpoint: string;\n\n  @property({ type: Number })\n  legacy: number;\n\n  @property({ type: Array, attribute: false })\n  buttons: ContentMenuItem[] = [];\n\n  @property({ type: Array, attribute: false })\n  items: ContentMenuItem[] = [];\n\n  @property({ type: Boolean })\n  arrowTopLeft: boolean;\n\n  private fetchContentMenu() {\n    const url = this.endpoint;\n    if (url) {\n      const legacy = this.legacy;\n      const headers = HEADERS;\n      if (legacy) {\n        delete headers['Temba-Spa'];\n      }\n\n      //ok, fetch the content menu\n      getUrl(url, null, headers)\n        .then((response: WebResponse) => {\n          const json = response.json;\n          const contentMenu = json.items as ContentMenuItem[];\n\n          //populate (or initialize) the buttons and items\n          if (contentMenu) {\n            this.buttons = contentMenu.filter((item) => item.as_button);\n            this.items = contentMenu.filter((item) => !item.as_button);\n          } else {\n            this.buttons = [];\n            this.items = [];\n          }\n\n          //fire custom loaded event type when we're finished\n          this.fireCustomEvent(CustomEventType.Loaded, {\n            buttons: this.buttons,\n            items: this.items\n          });\n        })\n        .catch((error: any) => {\n          this.fireCustomEvent(CustomEventType.Loaded, {\n            buttons: this.buttons,\n            items: this.items\n          });\n\n          console.error(error);\n        });\n    }\n  }\n\n  public refresh() {\n    this.fetchContentMenu();\n  }\n\n  protected updated(changes: Map<string, any>) {\n    super.updated(changes);\n    if (changes.has('endpoint') || changes.has('legacy')) {\n      this.fetchContentMenu();\n    }\n  }\n\n  private getTopCenter(el: Element): { x: number; y: number } {\n    const rect = el.getBoundingClientRect();\n    return { x: rect.left + rect.width / 2, y: rect.top };\n  }\n\n  private handleItemClicked(item: ContentMenuItem, event: MouseEvent) {\n    const el = event.currentTarget as Element;\n    const origin = el\n      ? this.getTopCenter(el)\n      : { x: event.clientX, y: event.clientY };\n    this.fireCustomEvent(CustomEventType.Selection, {\n      item,\n      event,\n      originX: origin.x,\n      originY: origin.y\n    });\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"container\">\n        ${this.buttons.map((button) => {\n          return html`<temba-button\n            class=\"${button.primary ? 'primary_button_item' : 'button_item'}\"\n            name=${button.label}\n            @click=${(event) => this.handleItemClicked(button, event)}\n          >\n            ${button.label}\n          </temba-button>`;\n        })}\n        ${this.items && this.items.length > 0\n          ? html`<temba-dropdown>\n              <div slot=\"toggle\" class=\"toggle\">\n                <temba-icon name=\"menu\" size=\"1.5\"></temba-icon>\n              </div>\n              <div slot=\"dropdown\" class=\"dropdown\">\n                ${this.items.map((item) => {\n                  if (item.type === ContentMenuItemType.DIVIDER) {\n                    return html` <div class=\"divider\"></div>`;\n                  } else {\n                    return html` <div\n                      class=\"item\"\n                      name=${item.label}\n                      @click=${(event) => this.handleItemClicked(item, event)}\n                    >\n                      ${item.label}\n                    </div>`;\n                  }\n                })}\n              </div>\n            </temba-dropdown>`\n          : null}\n      </div>\n    `;\n  }\n}\n"]}

package/out-tsc/src/live/ContactChat.js

@@ -139,6 +139,15 @@ export class ContactChat extends ContactStoreElement {
         opacity: 0.9;
       }
 
+      .flow-footer {
+        text-align: center;
+        pointer-events: none;
+      }
+
+      .flow-footer .in-flow {
+        pointer-events: auto;
+      }
+
       .in-flow:hover {
         opacity: 1;
       }
@@ -653,7 +662,7 @@ export class ContactChat extends ContactStoreElement {
             >
               ${inFlow
                 ? html `
-                    <div slot="footer" style="text-align:center;">
+                    <div slot="footer" class="flow-footer">
                       <div class="in-flow">
                         <div class="flow-name">
                           <temba-icon name="flow" size="1.2"></temba-icon>

package/out-tsc/src/live/ContactChat.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContactChat.js","sourceRoot":"","sources":["../../../src/live/ContactChat.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-this-alias */\nimport { css, html, PropertyValueMap, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport {\n  Contact,\n  CustomEventType,\n  NamedUser,\n  Ticket,\n  User\n} from '../interfaces';\nimport {\n  fetchResults,\n  generateUUIDv7,\n  getUrl,\n  postJSON,\n  postUrl,\n  WebResponse\n} from '../utils';\nimport { ContactStoreElement } from './ContactStoreElement';\nimport { Compose, ComposeValue } from '../form/Compose';\nimport { ContactHistoryPage } from '../events';\nimport { Chat, MessageType, ContactEvent } from '../display/Chat';\nimport { DEFAULT_AVATAR } from '../webchat/assets';\nimport { UserSelect } from '../form/select/UserSelect';\nimport { Select } from '../form/select/Select';\nimport {\n  renderEvent,\n  renderTicketAction,\n  renderTicketAssigneeChanged\n} from '../events/eventRenderers';\n\n/*\nexport const SCROLL_THRESHOLD = 100;\nexport const SIMULATED_WEB_SLOWNESS = 0;\nexport const MAX_CHAT_REFRESH = 10000;\nexport const MIN_CHAT_REFRESH = 500;\nexport const BODY_SNIPPET_LENGTH = 250;\n*/\n\n// re-export for backwards compatibility\nexport { renderTicketAction, renderTicketAssigneeChanged };\n\nexport class ContactChat extends ContactStoreElement {\n  public static get styles() {\n    return css`\n      :host {\n        flex-grow: 1;\n        display: flex;\n        flex-direction: row;\n        min-height: 0;\n        --compose-shadow: none;\n        --compose-border: none;\n        --compose-padding: 3px;\n        --compose-curvature: none;\n        border-top: 1px inset rgba(0, 0, 0, 0.05);\n\n\n      }\n\n      .chat-wrapper {\n        display: flex;\n        flex-grow: 1;\n        flex-direction: column;\n        min-height: 0;\n        background: #f9f9f9;\n      }\n\n      temba-contact-history {\n        border-bottom: 1px solid #f6f6f6;\n        flex-grow: 1;\n        display: flex;\n        flex-direction: column;\n        min-height: 0;\n      }\n\n      .compose {\n        background: #fff;\n        display: flex;\n        flex-direction: column;\n        --textarea-min-height: 8em;\n        --textarea-height: 0.5em;\n        --widget-box-shadow-focused: none;\n        --compose-curvature: 0px;\n        overflow: hidden;\n      }\n\n      .closed-footer {\n        padding: 1em;\n        background: #f2f2f2;\n        border-top: 3px solid #e1e1e1;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n      }\n\n      a {\n        color: var(--color-link-primary);\n      }\n\n      a:hover {\n        text-decoration: underline;\n        color: var(--color-link-primary-hover);\n      }\n\n      temba-button {\n        margin: 0.1em 0.25em;\n      }\n\n      temba-completion {\n        --widget-box-shadow: none;\n        --color-widget-border: transparent;\n        --widget-box-shadow-focused: none;\n        --color-focus: transparent;\n        --color-widget-bg-focused: transparent;\n      }\n\n      .border {\n      }\n\n      temba-compose {\n        border-top-right-radius: 0;\n        border-top-left-radius: 0;\n        --temba-tabs-options-padding: 0.5em 0.5em 0 0.5em;\n        --temba-tabs-border-left: none;\n        --temba-tabs-border-right: none;\n        --temba-tabs-border-bottom: none;\n      }\n\n      .error-gutter {\n        display: flex;\n        padding: 0.5em 1em;\n        background: #f9f9f9;\n        item-align: center;\n      }\n\n      .error-message {\n        color: var(--color-error);\n        padding-right: 1em;\n        flex-grow: 1;\n        align-self: center;\n      }\n\n      temba-chat {\n        border-bottom: 1px solid #ddd;\n        background: linear-gradient(0deg, #fff, #fff);\n        --chat-border-in: 1px solid #eee;\n        --color-chat-out: var(--color-message)\n        );\n      }\n\n      .action-bar {\n      }\n\n      .in-flow {\n        border-radius: 0.8em;\n        align-items: center;\n        background: #666;\n        padding: 0.5em 1em;\n        margin: 1em;\n        margin-right: 2em;\n        display: inline-flex;\n        opacity: 0.9;\n      }\n\n      .in-flow:hover {\n        opacity: 1;\n      }\n\n      .in-flow .flow-name {\n        display: flex;\n        color: #fff;\n      }\n\n      .in-flow a {\n        font-weight: bold;\n        color: #fff;\n      }\n\n      .in-flow .interrupt-button {\n        margin-left: 1em;\n      }\n\n      .in-flow .interrupt {\n        text-align: center;\n        align-self: stretch;\n        display: flex;\n        align-items: center;\n        cursor: pointer;\n        justify-content: center;\n        padding: 0.5em 1em;\n        font-weight: bold;\n      }\n\n      .in-flow .interrupt:hover {\n        background: rgba(var(--error-rgb), 0.92);\n      }\n\n      .in-flow temba-icon,\n      .in-ticket temba-icon {\n        margin-right: 0.5em;\n      }\n\n      .in-ticket-wrapper {\n      }\n\n      .in-ticket {\n        box-shadow: none;\n        padding: 0.5em 0.5em;\n        text-align: center;\n        align-items: center;\n        border-bottom: 1px solid #ddd;\n        display: flex;\n        box-shadow: none;\n        margin: 0em;\n        background: rgba(0, 0, 0, 0.03);\n      }\n\n      temba-user {\n        border: 1px solid #ddd;\n        padding: 0.2em 0.5em;\n        border-radius: var(--curvature);\n        min-width: 10em;\n        background: #fff;\n      }\n\n      temba-user:hover {\n        border: 1px solid #ddd;\n        background: #f9f9f9;\n      }\n\n      .assign-button {\n        --button-mask: #ebebeb;\n        color: #333;\n        margin: 0.25em;\n      }\n\n      temba-user-select {\n        width: 250px;\n      }\n\n      temba-button {\n        --button-border: 1px solid #ddd;\n      }\n    `;\n  }\n\n  @property({ type: String, attribute: 'ticket' })\n  ticketUUID: string;\n\n  @property({ type: String })\n  contactsEndpoint = '/api/v2/contacts.json';\n\n  @property({ type: String })\n  currentNote = '';\n\n  @property({ type: Boolean })\n  showDetails = true;\n\n  @property({ type: Object })\n  currentTicket: Ticket = null;\n\n  @property({ type: Object })\n  currentContact: Contact = null;\n\n  @property({ type: String })\n  agent = '';\n\n  @property({ type: Boolean })\n  blockFetching = false;\n\n  @property({ type: Boolean })\n  showInterrupt = false;\n\n  @property({ type: Boolean })\n  disableAssign = false;\n\n  @property({ type: Boolean })\n  disableReply = false;\n\n  @property({ type: String })\n  avatar = DEFAULT_AVATAR;\n\n  @property({ type: String })\n  set showMessageLogsAfter(value: string) {\n    const oldValue = this._showMessageLogsAfter;\n    this._showMessageLogsAfter = value ? new Date(value) : null;\n    this.requestUpdate('showMessageLogsAfter', oldValue);\n  }\n\n  get showMessageLogsAfter(): Date {\n    return this._showMessageLogsAfter;\n  }\n\n  private _showMessageLogsAfter: Date = null;\n\n  @property({ type: String })\n  errorMessage: string;\n\n  // http promise to monitor for completeness\n  public httpComplete: Promise<void>;\n  private chat: Chat;\n\n  ticket = null;\n  beforeUUID: string = null; // for scrolling back through history\n  afterUUID: string = null; // for polling new messages\n  refreshId = null;\n  polling = false;\n  pollingInterval = 2000; // start at 2 seconds\n  lastFetchTime: number = null;\n\n  constructor() {\n    super();\n  }\n\n  public firstUpdated(\n    changed: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.firstUpdated(changed);\n  }\n\n  public connectedCallback() {\n    super.connectedCallback();\n    this.chat = this.shadowRoot.querySelector('temba-chat');\n  }\n\n  public disconnectedCallback() {\n    super.disconnectedCallback();\n    if (this.refreshId) {\n      clearInterval(this.refreshId);\n    }\n  }\n\n  public updated(changedProperties: Map<string, any>) {\n    super.updated(changedProperties);\n\n    // if we don't have an endpoint infer one\n    if (\n      changedProperties.has('data') ||\n      changedProperties.has('currentContact')\n    ) {\n      // unschedule any previous refreshes\n      if (this.refreshId) {\n        clearTimeout(this.refreshId);\n        this.refreshId = null;\n      }\n\n      this.currentContact = this.data;\n    }\n\n    if (changedProperties.has('currentContact') && this.currentContact) {\n      this.chat = this.shadowRoot.querySelector('temba-chat');\n      if (\n        this.currentContact.uuid !==\n        changedProperties.get('currentContact')?.uuid\n      ) {\n        this.reset();\n      } else {\n        setTimeout(() => this.checkForNewMessages(), 500);\n      }\n      this.fetchPreviousMessages();\n    }\n  }\n\n  private reset() {\n    if (this.chat) {\n      this.chat.reset();\n    }\n    this.blockFetching = false;\n    this.ticket = null;\n    this.beforeUUID = null;\n    this.afterUUID = null;\n    this.refreshId = null;\n    this.polling = false;\n    this.pollingInterval = 2000;\n    this.lastFetchTime = null;\n    this.errorMessage = null;\n\n    const compose = this.shadowRoot.querySelector('temba-compose') as Compose;\n    if (compose) {\n      compose.reset();\n    }\n  }\n\n  private handleInterrupt() {\n    this.fireCustomEvent(CustomEventType.Interrupt, {\n      contact: this.currentContact\n    });\n  }\n\n  private handleRetry() {\n    const compose = this.shadowRoot.querySelector('temba-compose') as Compose;\n    compose.triggerSend();\n  }\n\n  private handleSend(evt: CustomEvent) {\n    this.errorMessage = null;\n    const composeEle = evt.currentTarget as Compose;\n    const compose = evt.detail.langValues['und'] as ComposeValue;\n\n    const payload = {\n      contact: this.currentContact.uuid\n    };\n\n    const text = compose.text;\n    if (text && text.length > 0) {\n      payload['text'] = text;\n    }\n    const attachments = compose.attachments;\n    if (attachments && attachments.length > 0) {\n      const attachment_uuids = attachments.map((attachment) => attachment.uuid);\n      payload['attachments'] = attachment_uuids;\n    }\n\n    if (this.currentTicket) {\n      payload['ticket'] = this.currentTicket.uuid;\n    }\n\n    const genericError = 'Send failed, please try again.';\n    postJSON(`/contact/chat/${this.currentContact.uuid}/`, payload)\n      .then((response) => {\n        if (response.status < 400) {\n          const event = response.json.event;\n          event.created_on = new Date(event.created_on);\n          this.chat.addMessages([event], null, true);\n          // reset polling interval to 2 seconds after sending a message\n          this.pollingInterval = 2000;\n          this.checkForNewMessages();\n          composeEle.reset();\n          this.fireCustomEvent(CustomEventType.MessageSent, {\n            msg: payload,\n            response\n          });\n        } else {\n          this.errorMessage = genericError;\n        }\n      })\n      .catch(() => {\n        this.errorMessage = genericError;\n      });\n  }\n\n  private getEndpoint() {\n    if (this.contact) {\n      return `/contact/chat/${this.contact}/`;\n    }\n    return null;\n  }\n\n  private scheduleRefresh(hasNewEvents = false) {\n    if (this.refreshId) {\n      clearTimeout(this.refreshId);\n      this.refreshId = null;\n    }\n\n    // reset to 2 seconds if we received new events\n    if (hasNewEvents) {\n      this.pollingInterval = 2000;\n    } else {\n      // increase interval by 1 second up to max of 15 seconds\n      this.pollingInterval = Math.min(this.pollingInterval + 1000, 15000);\n    }\n\n    this.refreshId = setTimeout(() => {\n      this.checkForNewMessages();\n    }, this.pollingInterval);\n  }\n\n  public prerender(event: ContactEvent) {\n    // use the unified renderEvent function with isSimulation = false\n    const rendered = renderEvent(event, false);\n\n    if (rendered) {\n      event._rendered = {\n        html: rendered,\n        type: MessageType.Inline\n      };\n    }\n  }\n\n  private createMessages(page: ContactHistoryPage): ContactEvent[] {\n    if (page.events) {\n      const messages: ContactEvent[] = [];\n      page.events.forEach((event) => {\n        // track the UUID of the newest event for polling\n        if (\n          !this.afterUUID ||\n          event.uuid.toLowerCase() > this.afterUUID.toLowerCase()\n        ) {\n          this.afterUUID = event.uuid;\n        }\n\n        // convert to dates\n        event.created_on = new Date(event.created_on);\n\n        if (\n          event.type === 'msg_created' ||\n          event.type === 'msg_received' ||\n          event.type === 'ivr_created'\n        ) {\n          messages.push(event);\n        } else {\n          this.prerender(event);\n          if (event._rendered) {\n            messages.push(event);\n          }\n        }\n      });\n\n      // remove any messages we don't recognize\n      return messages.filter((msg) => !!msg);\n    }\n    return [];\n  }\n\n  private checkForNewMessages() {\n    // we are already working on it\n    if (this.polling) {\n      return;\n    }\n\n    const chat = this.chat;\n    if (this.currentContact && this.afterUUID) {\n      this.polling = true;\n      this.lastFetchTime = Date.now();\n      const endpoint = this.getEndpoint();\n      if (!endpoint) {\n        return;\n      }\n\n      const fetchContact = this.currentContact.uuid;\n\n      fetchContactHistory(\n        endpoint,\n        this.currentTicket?.uuid,\n        null,\n        this.afterUUID\n      ).then((page: ContactHistoryPage) => {\n        const messages = this.createMessages(page);\n        messages.reverse();\n        if (fetchContact === this.currentContact.uuid) {\n          const hasNewEvents = messages.length > 0;\n          chat.addMessages(messages, null, true);\n          this.polling = false;\n          this.scheduleRefresh(hasNewEvents);\n        } else {\n          this.polling = false;\n        }\n      });\n    }\n  }\n\n  private fetchPreviousMessages() {\n    const chat = this.chat;\n    const contactChat = this;\n    if (!chat || chat.fetching || contactChat.blockFetching) {\n      return;\n    }\n\n    chat.fetching = true;\n    if (this.currentContact) {\n      const endpoint = this.getEndpoint();\n      if (!endpoint) {\n        return;\n      }\n\n      // initialize anchor UUID if not set (first fetch)\n      if (!this.beforeUUID && !this.afterUUID) {\n        // generate a UUID v7 for current time as the anchor\n        const anchorUUID = generateUUIDv7();\n        this.beforeUUID = anchorUUID;\n        this.afterUUID = anchorUUID;\n      }\n\n      fetchContactHistory(\n        endpoint,\n        this.currentTicket?.uuid,\n        this.beforeUUID,\n        null\n      ).then((page: ContactHistoryPage) => {\n        const messages = this.createMessages(page);\n        messages.reverse();\n\n        if (messages.length === 0) {\n          contactChat.blockFetching = true;\n        } else if (page.next) {\n          // update beforeUUID for next fetch of older messages\n          this.beforeUUID = page.next;\n        } else {\n          // no more history, mark end and show oldest event date\n          contactChat.blockFetching = true;\n          if (page.events && page.events.length > 0) {\n            const oldestEvent = page.events[page.events.length - 1];\n            chat.setEndOfHistory(new Date(oldestEvent.created_on));\n          }\n        }\n\n        chat.addMessages(messages);\n        this.scheduleRefresh();\n      });\n    }\n  }\n\n  private fetchComplete() {\n    if (this.chat) {\n      this.chat.fetching = false;\n    }\n  }\n\n  private getTembaCompose(): TemplateResult {\n    if (this.currentTicket) {\n      if (this.currentContact && this.currentContact.status !== 'active') {\n        //no chatbox for archived, blocked, or stopped contacts\n        return null;\n      } else {\n        if (!this.currentTicket.closed_on) {\n          // hide compose if agent can't reply to unassigned tickets\n          if (\n            this.disableReply &&\n            (!this.currentTicket.assignee ||\n              this.currentTicket.assignee.email !== this.agent)\n          ) {\n            return null;\n          }\n          //chatbox for active contacts with an open ticket\n          return this.getCompose();\n        } else {\n          return null;\n        }\n      }\n    }\n\n    if (this.currentContact && this.currentContact.status !== 'active') {\n      //no chatbox for archived, blocked, or stopped contacts\n      return null;\n    } else {\n      //chatbox for active contacts\n      return this.getCompose();\n    }\n  }\n\n  private getCompose(): TemplateResult {\n    return html`<div class=\"border\"></div>\n      <div class=\"compose\">\n        <temba-compose\n          attachments\n          counter\n          autogrow\n          shortcuts\n          ?embeddedTabs=${!this.currentTicket}\n          @temba-submitted=${this.handleSend.bind(this)}\n        >\n        </temba-compose>\n        ${this.errorMessage\n          ? html` <div class=\"error-gutter\">\n              <div class=\"error-message\">${this.errorMessage}</div>\n              <temba-button\n                name=\"Retry\"\n                @click=${this.handleRetry}\n              ></temba-button>\n            </div>`\n          : null}\n      </div>`;\n  }\n\n  private handleAssignmentChanged(evt: CustomEvent) {\n    const users = evt.currentTarget as UserSelect;\n    const assignee = users.values[0];\n\n    this.assignTicket(assignee ? assignee.email : null);\n    users.blur();\n  }\n\n  private handleTopicChanged(evt: CustomEvent) {\n    const select = evt.target as Select<any>;\n    const topic = select.values[0];\n\n    if (this.currentTicket.topic.uuid !== topic.uuid) {\n      postJSON(`/api/v2/ticket_actions.json`, {\n        tickets: [this.currentTicket.uuid],\n        action: 'change_topic',\n        topic: topic.uuid\n      })\n        .then(() => {\n          this.refreshTicket();\n        })\n        .catch((response: any) => {\n          console.error(response);\n        });\n    }\n  }\n\n  public assignTicket(email: string) {\n    if (this.disableAssign) {\n      return;\n    }\n\n    // if its already assigned to use, it's a noop\n    if (\n      (this.currentTicket.assignee &&\n        this.currentTicket.assignee.email === email) ||\n      (this.currentTicket.assignee === null && email === null)\n    ) {\n      return;\n    }\n\n    postJSON(`/api/v2/ticket_actions.json`, {\n      tickets: [this.currentTicket.uuid],\n      action: 'assign',\n      assignee: email\n    })\n      .then(() => {\n        this.refreshTicket();\n      })\n      .catch((response: any) => {\n        console.error(response);\n      });\n    return true;\n  }\n\n  public refreshTicket() {\n    if (this.currentTicket) {\n      fetchResults(`/api/v2/tickets.json?uuid=${this.currentTicket.uuid}`).then(\n        (values) => {\n          if (values.length > 0) {\n            this.fireCustomEvent(CustomEventType.TicketUpdated, {\n              ticket: values[0],\n              previous: this.currentTicket\n            });\n            this.currentTicket = values[0];\n          }\n        }\n      );\n    }\n  }\n\n  private handleReopen() {\n    const uuid = this.currentTicket.uuid;\n    postJSON(`/api/v2/ticket_actions.json`, {\n      tickets: [uuid],\n      action: 'reopen'\n    })\n      .then(() => {\n        this.refreshTicket();\n      })\n      .catch((response: any) => {\n        console.error(response);\n      });\n  }\n\n  private handleClose() {\n    const uuid = this.currentTicket.uuid;\n    postJSON(`/api/v2/ticket_actions.json`, {\n      tickets: [uuid],\n      action: 'close'\n    })\n      .then(() => {\n        this.refreshTicket();\n      })\n      .catch((response: any) => {\n        console.error(response);\n      });\n  }\n\n  public render(): TemplateResult {\n    const inFlow = this.currentContact && this.currentContact.flow;\n\n    const inTicket = this.currentTicket;\n    const ticketClosed = this.currentTicket && this.currentTicket.closed_on;\n\n    return html`<div class=\"chat-wrapper\">\n      ${this.currentContact\n        ? html`<temba-chat\n              @temba-scroll-threshold=${this.fetchPreviousMessages}\n              @temba-fetch-complete=${this.fetchComplete}\n              avatar=${this.avatar}\n              agent\n              avatars\n              ?hasFooter=${inFlow}\n              .showMessageLogsAfter=${this.showMessageLogsAfter}\n            >\n              ${inFlow\n                ? html`\n                    <div slot=\"footer\" style=\"text-align:center;\">\n                      <div class=\"in-flow\">\n                        <div class=\"flow-name\">\n                          <temba-icon name=\"flow\" size=\"1.2\"></temba-icon>\n                          <div>\n                            Currently in\n                            <a\n                              href=\"/flow/editor/${this.currentContact.flow\n                                .uuid}/\"\n                              >${this.currentContact.flow.name}</a\n                            >\n                          </div>\n                        </div>\n                        ${this.showInterrupt\n                          ? html`<temba-button\n                              class=\"interrupt-button\"\n                              destructive\n                              small\n                              @click=${this.handleInterrupt}\n                              name=\"Interrupt\"\n                            >\n                            </temba-button>`\n                          : null}\n                      </div>\n                    </div>\n                  `\n                : null}\n              <div slot=\"footer\"></div>\n            </temba-chat>\n            ${inTicket\n              ? html`<div class=\"in-ticket-wrapper\">\n                  <div class=\"in-ticket\">\n                    <temba-user-select\n                      placeholder=\"Assign to..\"\n                      searchable\n                      searchOnFocus\n                      clearable\n                      .values=${this.currentTicket.assignee\n                        ? [this.currentTicket.assignee]\n                        : []}\n                      @change=${this.handleAssignmentChanged}\n                      ?disabled=${ticketClosed || this.disableAssign}\n                    ></temba-user-select>\n\n                    <temba-select\n                      style=\"margin:0 0.5em; flex-grow:1\"\n                      endpoint=\"/api/v2/topics.json\"\n                      searchable\n                      valuekey=\"uuid\"\n                      .values=${[this.currentTicket.topic]}\n                      @change=${this.handleTopicChanged}\n                      ?disabled=${ticketClosed}\n                    ></temba-select>\n\n                    ${this.currentTicket.closed_on\n                      ? html`\n                          <temba-button\n                            name=\"Reopen\"\n                            @click=${this.handleReopen}\n                          ></temba-button>\n                        `\n                      : html`\n                          <temba-button\n                            name=\"Close\"\n                            destructive\n                            @click=${this.handleClose}\n                          ></temba-button>\n                        `}\n                  </div>\n                </div> `\n              : null}\n            ${this.getTembaCompose()}`\n        : null}\n    </div>`;\n  }\n}\nexport const closeTicket = (uuid: string): Promise<WebResponse> => {\n  const formData = new FormData();\n  formData.append('status', 'C');\n  return postUrl(`/ticket/update/${uuid}/?_format=json`, formData);\n};\nexport const fetchContact = (endpoint: string): Promise<Contact> => {\n  return new Promise<Contact>((resolve, reject) => {\n    fetchResults(endpoint).then((contacts: Contact[]) => {\n      if (contacts && contacts.length === 1) {\n        resolve(contacts[0]);\n      } else {\n        reject('No contact found');\n      }\n    });\n  });\n};\nexport const fetchContactHistory = (\n  endpoint: string,\n  ticket: string = undefined,\n  before: string = undefined,\n  after: string = undefined\n): Promise<ContactHistoryPage> => {\n  return new Promise<ContactHistoryPage>((resolve) => {\n    const controller = new AbortController();\n    pendingRequests.push(controller);\n\n    let url = endpoint;\n    const params = [];\n\n    if (before) {\n      params.push(`before=${before}`);\n    }\n\n    if (after) {\n      params.push(`after=${after}`);\n    }\n\n    if (ticket) {\n      params.push(`ticket=${ticket}`);\n    }\n\n    if (params.length > 0) {\n      url += (url.includes('?') ? '&' : '?') + params.join('&');\n    }\n\n    getUrl(url, controller)\n      .then((response: WebResponse) => {\n        // on success, remove our abort controller\n        pendingRequests = pendingRequests.filter(\n          (controller: AbortController) => {\n            return response.controller === controller;\n          }\n        );\n\n        resolve(response.json as ContactHistoryPage);\n      })\n      .catch(() => {\n        // canceled\n      });\n  });\n};\nexport const getDisplayName = (user: User) => {\n  if (!user) {\n    return 'Somebody';\n  }\n\n  if ((user as NamedUser).name) {\n    return (user as NamedUser).name;\n  }\n\n  if (user.first_name && user.last_name) {\n    return `${user.first_name} ${user.last_name}`;\n  }\n\n  if (user.first_name) {\n    return user.first_name;\n  }\n\n  return user.email;\n};\nexport let pendingRequests: AbortController[] = [];\n"]}
+{"version":3,"file":"ContactChat.js","sourceRoot":"","sources":["../../../src/live/ContactChat.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-this-alias */\nimport { css, html, PropertyValueMap, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport {\n  Contact,\n  CustomEventType,\n  NamedUser,\n  Ticket,\n  User\n} from '../interfaces';\nimport {\n  fetchResults,\n  generateUUIDv7,\n  getUrl,\n  postJSON,\n  postUrl,\n  WebResponse\n} from '../utils';\nimport { ContactStoreElement } from './ContactStoreElement';\nimport { Compose, ComposeValue } from '../form/Compose';\nimport { ContactHistoryPage } from '../events';\nimport { Chat, MessageType, ContactEvent } from '../display/Chat';\nimport { DEFAULT_AVATAR } from '../webchat/assets';\nimport { UserSelect } from '../form/select/UserSelect';\nimport { Select } from '../form/select/Select';\nimport {\n  renderEvent,\n  renderTicketAction,\n  renderTicketAssigneeChanged\n} from '../events/eventRenderers';\n\n/*\nexport const SCROLL_THRESHOLD = 100;\nexport const SIMULATED_WEB_SLOWNESS = 0;\nexport const MAX_CHAT_REFRESH = 10000;\nexport const MIN_CHAT_REFRESH = 500;\nexport const BODY_SNIPPET_LENGTH = 250;\n*/\n\n// re-export for backwards compatibility\nexport { renderTicketAction, renderTicketAssigneeChanged };\n\nexport class ContactChat extends ContactStoreElement {\n  public static get styles() {\n    return css`\n      :host {\n        flex-grow: 1;\n        display: flex;\n        flex-direction: row;\n        min-height: 0;\n        --compose-shadow: none;\n        --compose-border: none;\n        --compose-padding: 3px;\n        --compose-curvature: none;\n        border-top: 1px inset rgba(0, 0, 0, 0.05);\n\n\n      }\n\n      .chat-wrapper {\n        display: flex;\n        flex-grow: 1;\n        flex-direction: column;\n        min-height: 0;\n        background: #f9f9f9;\n      }\n\n      temba-contact-history {\n        border-bottom: 1px solid #f6f6f6;\n        flex-grow: 1;\n        display: flex;\n        flex-direction: column;\n        min-height: 0;\n      }\n\n      .compose {\n        background: #fff;\n        display: flex;\n        flex-direction: column;\n        --textarea-min-height: 8em;\n        --textarea-height: 0.5em;\n        --widget-box-shadow-focused: none;\n        --compose-curvature: 0px;\n        overflow: hidden;\n      }\n\n      .closed-footer {\n        padding: 1em;\n        background: #f2f2f2;\n        border-top: 3px solid #e1e1e1;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n      }\n\n      a {\n        color: var(--color-link-primary);\n      }\n\n      a:hover {\n        text-decoration: underline;\n        color: var(--color-link-primary-hover);\n      }\n\n      temba-button {\n        margin: 0.1em 0.25em;\n      }\n\n      temba-completion {\n        --widget-box-shadow: none;\n        --color-widget-border: transparent;\n        --widget-box-shadow-focused: none;\n        --color-focus: transparent;\n        --color-widget-bg-focused: transparent;\n      }\n\n      .border {\n      }\n\n      temba-compose {\n        border-top-right-radius: 0;\n        border-top-left-radius: 0;\n        --temba-tabs-options-padding: 0.5em 0.5em 0 0.5em;\n        --temba-tabs-border-left: none;\n        --temba-tabs-border-right: none;\n        --temba-tabs-border-bottom: none;\n      }\n\n      .error-gutter {\n        display: flex;\n        padding: 0.5em 1em;\n        background: #f9f9f9;\n        item-align: center;\n      }\n\n      .error-message {\n        color: var(--color-error);\n        padding-right: 1em;\n        flex-grow: 1;\n        align-self: center;\n      }\n\n      temba-chat {\n        border-bottom: 1px solid #ddd;\n        background: linear-gradient(0deg, #fff, #fff);\n        --chat-border-in: 1px solid #eee;\n        --color-chat-out: var(--color-message)\n        );\n      }\n\n      .action-bar {\n      }\n\n      .in-flow {\n        border-radius: 0.8em;\n        align-items: center;\n        background: #666;\n        padding: 0.5em 1em;\n        margin: 1em;\n        margin-right: 2em;\n        display: inline-flex;\n        opacity: 0.9;\n      }\n\n      .flow-footer {\n        text-align: center;\n        pointer-events: none;\n      }\n\n      .flow-footer .in-flow {\n        pointer-events: auto;\n      }\n\n      .in-flow:hover {\n        opacity: 1;\n      }\n\n      .in-flow .flow-name {\n        display: flex;\n        color: #fff;\n      }\n\n      .in-flow a {\n        font-weight: bold;\n        color: #fff;\n      }\n\n      .in-flow .interrupt-button {\n        margin-left: 1em;\n      }\n\n      .in-flow .interrupt {\n        text-align: center;\n        align-self: stretch;\n        display: flex;\n        align-items: center;\n        cursor: pointer;\n        justify-content: center;\n        padding: 0.5em 1em;\n        font-weight: bold;\n      }\n\n      .in-flow .interrupt:hover {\n        background: rgba(var(--error-rgb), 0.92);\n      }\n\n      .in-flow temba-icon,\n      .in-ticket temba-icon {\n        margin-right: 0.5em;\n      }\n\n      .in-ticket-wrapper {\n      }\n\n      .in-ticket {\n        box-shadow: none;\n        padding: 0.5em 0.5em;\n        text-align: center;\n        align-items: center;\n        border-bottom: 1px solid #ddd;\n        display: flex;\n        box-shadow: none;\n        margin: 0em;\n        background: rgba(0, 0, 0, 0.03);\n      }\n\n      temba-user {\n        border: 1px solid #ddd;\n        padding: 0.2em 0.5em;\n        border-radius: var(--curvature);\n        min-width: 10em;\n        background: #fff;\n      }\n\n      temba-user:hover {\n        border: 1px solid #ddd;\n        background: #f9f9f9;\n      }\n\n      .assign-button {\n        --button-mask: #ebebeb;\n        color: #333;\n        margin: 0.25em;\n      }\n\n      temba-user-select {\n        width: 250px;\n      }\n\n      temba-button {\n        --button-border: 1px solid #ddd;\n      }\n    `;\n  }\n\n  @property({ type: String, attribute: 'ticket' })\n  ticketUUID: string;\n\n  @property({ type: String })\n  contactsEndpoint = '/api/v2/contacts.json';\n\n  @property({ type: String })\n  currentNote = '';\n\n  @property({ type: Boolean })\n  showDetails = true;\n\n  @property({ type: Object })\n  currentTicket: Ticket = null;\n\n  @property({ type: Object })\n  currentContact: Contact = null;\n\n  @property({ type: String })\n  agent = '';\n\n  @property({ type: Boolean })\n  blockFetching = false;\n\n  @property({ type: Boolean })\n  showInterrupt = false;\n\n  @property({ type: Boolean })\n  disableAssign = false;\n\n  @property({ type: Boolean })\n  disableReply = false;\n\n  @property({ type: String })\n  avatar = DEFAULT_AVATAR;\n\n  @property({ type: String })\n  set showMessageLogsAfter(value: string) {\n    const oldValue = this._showMessageLogsAfter;\n    this._showMessageLogsAfter = value ? new Date(value) : null;\n    this.requestUpdate('showMessageLogsAfter', oldValue);\n  }\n\n  get showMessageLogsAfter(): Date {\n    return this._showMessageLogsAfter;\n  }\n\n  private _showMessageLogsAfter: Date = null;\n\n  @property({ type: String })\n  errorMessage: string;\n\n  // http promise to monitor for completeness\n  public httpComplete: Promise<void>;\n  private chat: Chat;\n\n  ticket = null;\n  beforeUUID: string = null; // for scrolling back through history\n  afterUUID: string = null; // for polling new messages\n  refreshId = null;\n  polling = false;\n  pollingInterval = 2000; // start at 2 seconds\n  lastFetchTime: number = null;\n\n  constructor() {\n    super();\n  }\n\n  public firstUpdated(\n    changed: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.firstUpdated(changed);\n  }\n\n  public connectedCallback() {\n    super.connectedCallback();\n    this.chat = this.shadowRoot.querySelector('temba-chat');\n  }\n\n  public disconnectedCallback() {\n    super.disconnectedCallback();\n    if (this.refreshId) {\n      clearInterval(this.refreshId);\n    }\n  }\n\n  public updated(changedProperties: Map<string, any>) {\n    super.updated(changedProperties);\n\n    // if we don't have an endpoint infer one\n    if (\n      changedProperties.has('data') ||\n      changedProperties.has('currentContact')\n    ) {\n      // unschedule any previous refreshes\n      if (this.refreshId) {\n        clearTimeout(this.refreshId);\n        this.refreshId = null;\n      }\n\n      this.currentContact = this.data;\n    }\n\n    if (changedProperties.has('currentContact') && this.currentContact) {\n      this.chat = this.shadowRoot.querySelector('temba-chat');\n      if (\n        this.currentContact.uuid !==\n        changedProperties.get('currentContact')?.uuid\n      ) {\n        this.reset();\n      } else {\n        setTimeout(() => this.checkForNewMessages(), 500);\n      }\n      this.fetchPreviousMessages();\n    }\n  }\n\n  private reset() {\n    if (this.chat) {\n      this.chat.reset();\n    }\n    this.blockFetching = false;\n    this.ticket = null;\n    this.beforeUUID = null;\n    this.afterUUID = null;\n    this.refreshId = null;\n    this.polling = false;\n    this.pollingInterval = 2000;\n    this.lastFetchTime = null;\n    this.errorMessage = null;\n\n    const compose = this.shadowRoot.querySelector('temba-compose') as Compose;\n    if (compose) {\n      compose.reset();\n    }\n  }\n\n  private handleInterrupt() {\n    this.fireCustomEvent(CustomEventType.Interrupt, {\n      contact: this.currentContact\n    });\n  }\n\n  private handleRetry() {\n    const compose = this.shadowRoot.querySelector('temba-compose') as Compose;\n    compose.triggerSend();\n  }\n\n  private handleSend(evt: CustomEvent) {\n    this.errorMessage = null;\n    const composeEle = evt.currentTarget as Compose;\n    const compose = evt.detail.langValues['und'] as ComposeValue;\n\n    const payload = {\n      contact: this.currentContact.uuid\n    };\n\n    const text = compose.text;\n    if (text && text.length > 0) {\n      payload['text'] = text;\n    }\n    const attachments = compose.attachments;\n    if (attachments && attachments.length > 0) {\n      const attachment_uuids = attachments.map((attachment) => attachment.uuid);\n      payload['attachments'] = attachment_uuids;\n    }\n\n    if (this.currentTicket) {\n      payload['ticket'] = this.currentTicket.uuid;\n    }\n\n    const genericError = 'Send failed, please try again.';\n    postJSON(`/contact/chat/${this.currentContact.uuid}/`, payload)\n      .then((response) => {\n        if (response.status < 400) {\n          const event = response.json.event;\n          event.created_on = new Date(event.created_on);\n          this.chat.addMessages([event], null, true);\n          // reset polling interval to 2 seconds after sending a message\n          this.pollingInterval = 2000;\n          this.checkForNewMessages();\n          composeEle.reset();\n          this.fireCustomEvent(CustomEventType.MessageSent, {\n            msg: payload,\n            response\n          });\n        } else {\n          this.errorMessage = genericError;\n        }\n      })\n      .catch(() => {\n        this.errorMessage = genericError;\n      });\n  }\n\n  private getEndpoint() {\n    if (this.contact) {\n      return `/contact/chat/${this.contact}/`;\n    }\n    return null;\n  }\n\n  private scheduleRefresh(hasNewEvents = false) {\n    if (this.refreshId) {\n      clearTimeout(this.refreshId);\n      this.refreshId = null;\n    }\n\n    // reset to 2 seconds if we received new events\n    if (hasNewEvents) {\n      this.pollingInterval = 2000;\n    } else {\n      // increase interval by 1 second up to max of 15 seconds\n      this.pollingInterval = Math.min(this.pollingInterval + 1000, 15000);\n    }\n\n    this.refreshId = setTimeout(() => {\n      this.checkForNewMessages();\n    }, this.pollingInterval);\n  }\n\n  public prerender(event: ContactEvent) {\n    // use the unified renderEvent function with isSimulation = false\n    const rendered = renderEvent(event, false);\n\n    if (rendered) {\n      event._rendered = {\n        html: rendered,\n        type: MessageType.Inline\n      };\n    }\n  }\n\n  private createMessages(page: ContactHistoryPage): ContactEvent[] {\n    if (page.events) {\n      const messages: ContactEvent[] = [];\n      page.events.forEach((event) => {\n        // track the UUID of the newest event for polling\n        if (\n          !this.afterUUID ||\n          event.uuid.toLowerCase() > this.afterUUID.toLowerCase()\n        ) {\n          this.afterUUID = event.uuid;\n        }\n\n        // convert to dates\n        event.created_on = new Date(event.created_on);\n\n        if (\n          event.type === 'msg_created' ||\n          event.type === 'msg_received' ||\n          event.type === 'ivr_created'\n        ) {\n          messages.push(event);\n        } else {\n          this.prerender(event);\n          if (event._rendered) {\n            messages.push(event);\n          }\n        }\n      });\n\n      // remove any messages we don't recognize\n      return messages.filter((msg) => !!msg);\n    }\n    return [];\n  }\n\n  private checkForNewMessages() {\n    // we are already working on it\n    if (this.polling) {\n      return;\n    }\n\n    const chat = this.chat;\n    if (this.currentContact && this.afterUUID) {\n      this.polling = true;\n      this.lastFetchTime = Date.now();\n      const endpoint = this.getEndpoint();\n      if (!endpoint) {\n        return;\n      }\n\n      const fetchContact = this.currentContact.uuid;\n\n      fetchContactHistory(\n        endpoint,\n        this.currentTicket?.uuid,\n        null,\n        this.afterUUID\n      ).then((page: ContactHistoryPage) => {\n        const messages = this.createMessages(page);\n        messages.reverse();\n        if (fetchContact === this.currentContact.uuid) {\n          const hasNewEvents = messages.length > 0;\n          chat.addMessages(messages, null, true);\n          this.polling = false;\n          this.scheduleRefresh(hasNewEvents);\n        } else {\n          this.polling = false;\n        }\n      });\n    }\n  }\n\n  private fetchPreviousMessages() {\n    const chat = this.chat;\n    const contactChat = this;\n    if (!chat || chat.fetching || contactChat.blockFetching) {\n      return;\n    }\n\n    chat.fetching = true;\n    if (this.currentContact) {\n      const endpoint = this.getEndpoint();\n      if (!endpoint) {\n        return;\n      }\n\n      // initialize anchor UUID if not set (first fetch)\n      if (!this.beforeUUID && !this.afterUUID) {\n        // generate a UUID v7 for current time as the anchor\n        const anchorUUID = generateUUIDv7();\n        this.beforeUUID = anchorUUID;\n        this.afterUUID = anchorUUID;\n      }\n\n      fetchContactHistory(\n        endpoint,\n        this.currentTicket?.uuid,\n        this.beforeUUID,\n        null\n      ).then((page: ContactHistoryPage) => {\n        const messages = this.createMessages(page);\n        messages.reverse();\n\n        if (messages.length === 0) {\n          contactChat.blockFetching = true;\n        } else if (page.next) {\n          // update beforeUUID for next fetch of older messages\n          this.beforeUUID = page.next;\n        } else {\n          // no more history, mark end and show oldest event date\n          contactChat.blockFetching = true;\n          if (page.events && page.events.length > 0) {\n            const oldestEvent = page.events[page.events.length - 1];\n            chat.setEndOfHistory(new Date(oldestEvent.created_on));\n          }\n        }\n\n        chat.addMessages(messages);\n        this.scheduleRefresh();\n      });\n    }\n  }\n\n  private fetchComplete() {\n    if (this.chat) {\n      this.chat.fetching = false;\n    }\n  }\n\n  private getTembaCompose(): TemplateResult {\n    if (this.currentTicket) {\n      if (this.currentContact && this.currentContact.status !== 'active') {\n        //no chatbox for archived, blocked, or stopped contacts\n        return null;\n      } else {\n        if (!this.currentTicket.closed_on) {\n          // hide compose if agent can't reply to unassigned tickets\n          if (\n            this.disableReply &&\n            (!this.currentTicket.assignee ||\n              this.currentTicket.assignee.email !== this.agent)\n          ) {\n            return null;\n          }\n          //chatbox for active contacts with an open ticket\n          return this.getCompose();\n        } else {\n          return null;\n        }\n      }\n    }\n\n    if (this.currentContact && this.currentContact.status !== 'active') {\n      //no chatbox for archived, blocked, or stopped contacts\n      return null;\n    } else {\n      //chatbox for active contacts\n      return this.getCompose();\n    }\n  }\n\n  private getCompose(): TemplateResult {\n    return html`<div class=\"border\"></div>\n      <div class=\"compose\">\n        <temba-compose\n          attachments\n          counter\n          autogrow\n          shortcuts\n          ?embeddedTabs=${!this.currentTicket}\n          @temba-submitted=${this.handleSend.bind(this)}\n        >\n        </temba-compose>\n        ${this.errorMessage\n          ? html` <div class=\"error-gutter\">\n              <div class=\"error-message\">${this.errorMessage}</div>\n              <temba-button\n                name=\"Retry\"\n                @click=${this.handleRetry}\n              ></temba-button>\n            </div>`\n          : null}\n      </div>`;\n  }\n\n  private handleAssignmentChanged(evt: CustomEvent) {\n    const users = evt.currentTarget as UserSelect;\n    const assignee = users.values[0];\n\n    this.assignTicket(assignee ? assignee.email : null);\n    users.blur();\n  }\n\n  private handleTopicChanged(evt: CustomEvent) {\n    const select = evt.target as Select<any>;\n    const topic = select.values[0];\n\n    if (this.currentTicket.topic.uuid !== topic.uuid) {\n      postJSON(`/api/v2/ticket_actions.json`, {\n        tickets: [this.currentTicket.uuid],\n        action: 'change_topic',\n        topic: topic.uuid\n      })\n        .then(() => {\n          this.refreshTicket();\n        })\n        .catch((response: any) => {\n          console.error(response);\n        });\n    }\n  }\n\n  public assignTicket(email: string) {\n    if (this.disableAssign) {\n      return;\n    }\n\n    // if its already assigned to use, it's a noop\n    if (\n      (this.currentTicket.assignee &&\n        this.currentTicket.assignee.email === email) ||\n      (this.currentTicket.assignee === null && email === null)\n    ) {\n      return;\n    }\n\n    postJSON(`/api/v2/ticket_actions.json`, {\n      tickets: [this.currentTicket.uuid],\n      action: 'assign',\n      assignee: email\n    })\n      .then(() => {\n        this.refreshTicket();\n      })\n      .catch((response: any) => {\n        console.error(response);\n      });\n    return true;\n  }\n\n  public refreshTicket() {\n    if (this.currentTicket) {\n      fetchResults(`/api/v2/tickets.json?uuid=${this.currentTicket.uuid}`).then(\n        (values) => {\n          if (values.length > 0) {\n            this.fireCustomEvent(CustomEventType.TicketUpdated, {\n              ticket: values[0],\n              previous: this.currentTicket\n            });\n            this.currentTicket = values[0];\n          }\n        }\n      );\n    }\n  }\n\n  private handleReopen() {\n    const uuid = this.currentTicket.uuid;\n    postJSON(`/api/v2/ticket_actions.json`, {\n      tickets: [uuid],\n      action: 'reopen'\n    })\n      .then(() => {\n        this.refreshTicket();\n      })\n      .catch((response: any) => {\n        console.error(response);\n      });\n  }\n\n  private handleClose() {\n    const uuid = this.currentTicket.uuid;\n    postJSON(`/api/v2/ticket_actions.json`, {\n      tickets: [uuid],\n      action: 'close'\n    })\n      .then(() => {\n        this.refreshTicket();\n      })\n      .catch((response: any) => {\n        console.error(response);\n      });\n  }\n\n  public render(): TemplateResult {\n    const inFlow = this.currentContact && this.currentContact.flow;\n\n    const inTicket = this.currentTicket;\n    const ticketClosed = this.currentTicket && this.currentTicket.closed_on;\n\n    return html`<div class=\"chat-wrapper\">\n      ${this.currentContact\n        ? html`<temba-chat\n              @temba-scroll-threshold=${this.fetchPreviousMessages}\n              @temba-fetch-complete=${this.fetchComplete}\n              avatar=${this.avatar}\n              agent\n              avatars\n              ?hasFooter=${inFlow}\n              .showMessageLogsAfter=${this.showMessageLogsAfter}\n            >\n              ${inFlow\n                ? html`\n                    <div slot=\"footer\" class=\"flow-footer\">\n                      <div class=\"in-flow\">\n                        <div class=\"flow-name\">\n                          <temba-icon name=\"flow\" size=\"1.2\"></temba-icon>\n                          <div>\n                            Currently in\n                            <a\n                              href=\"/flow/editor/${this.currentContact.flow\n                                .uuid}/\"\n                              >${this.currentContact.flow.name}</a\n                            >\n                          </div>\n                        </div>\n                        ${this.showInterrupt\n                          ? html`<temba-button\n                              class=\"interrupt-button\"\n                              destructive\n                              small\n                              @click=${this.handleInterrupt}\n                              name=\"Interrupt\"\n                            >\n                            </temba-button>`\n                          : null}\n                      </div>\n                    </div>\n                  `\n                : null}\n              <div slot=\"footer\"></div>\n            </temba-chat>\n            ${inTicket\n              ? html`<div class=\"in-ticket-wrapper\">\n                  <div class=\"in-ticket\">\n                    <temba-user-select\n                      placeholder=\"Assign to..\"\n                      searchable\n                      searchOnFocus\n                      clearable\n                      .values=${this.currentTicket.assignee\n                        ? [this.currentTicket.assignee]\n                        : []}\n                      @change=${this.handleAssignmentChanged}\n                      ?disabled=${ticketClosed || this.disableAssign}\n                    ></temba-user-select>\n\n                    <temba-select\n                      style=\"margin:0 0.5em; flex-grow:1\"\n                      endpoint=\"/api/v2/topics.json\"\n                      searchable\n                      valuekey=\"uuid\"\n                      .values=${[this.currentTicket.topic]}\n                      @change=${this.handleTopicChanged}\n                      ?disabled=${ticketClosed}\n                    ></temba-select>\n\n                    ${this.currentTicket.closed_on\n                      ? html`\n                          <temba-button\n                            name=\"Reopen\"\n                            @click=${this.handleReopen}\n                          ></temba-button>\n                        `\n                      : html`\n                          <temba-button\n                            name=\"Close\"\n                            destructive\n                            @click=${this.handleClose}\n                          ></temba-button>\n                        `}\n                  </div>\n                </div> `\n              : null}\n            ${this.getTembaCompose()}`\n        : null}\n    </div>`;\n  }\n}\nexport const closeTicket = (uuid: string): Promise<WebResponse> => {\n  const formData = new FormData();\n  formData.append('status', 'C');\n  return postUrl(`/ticket/update/${uuid}/?_format=json`, formData);\n};\nexport const fetchContact = (endpoint: string): Promise<Contact> => {\n  return new Promise<Contact>((resolve, reject) => {\n    fetchResults(endpoint).then((contacts: Contact[]) => {\n      if (contacts && contacts.length === 1) {\n        resolve(contacts[0]);\n      } else {\n        reject('No contact found');\n      }\n    });\n  });\n};\nexport const fetchContactHistory = (\n  endpoint: string,\n  ticket: string = undefined,\n  before: string = undefined,\n  after: string = undefined\n): Promise<ContactHistoryPage> => {\n  return new Promise<ContactHistoryPage>((resolve) => {\n    const controller = new AbortController();\n    pendingRequests.push(controller);\n\n    let url = endpoint;\n    const params = [];\n\n    if (before) {\n      params.push(`before=${before}`);\n    }\n\n    if (after) {\n      params.push(`after=${after}`);\n    }\n\n    if (ticket) {\n      params.push(`ticket=${ticket}`);\n    }\n\n    if (params.length > 0) {\n      url += (url.includes('?') ? '&' : '?') + params.join('&');\n    }\n\n    getUrl(url, controller)\n      .then((response: WebResponse) => {\n        // on success, remove our abort controller\n        pendingRequests = pendingRequests.filter(\n          (controller: AbortController) => {\n            return response.controller === controller;\n          }\n        );\n\n        resolve(response.json as ContactHistoryPage);\n      })\n      .catch(() => {\n        // canceled\n      });\n  });\n};\nexport const getDisplayName = (user: User) => {\n  if (!user) {\n    return 'Somebody';\n  }\n\n  if ((user as NamedUser).name) {\n    return (user as NamedUser).name;\n  }\n\n  if (user.first_name && user.last_name) {\n    return `${user.first_name} ${user.last_name}`;\n  }\n\n  if (user.first_name) {\n    return user.first_name;\n  }\n\n  return user.email;\n};\nexport let pendingRequests: AbortController[] = [];\n"]}