@nyaruka/temba-components 0.129.2 → 0.129.3

package/out-tsc/src/contacts/ContactFieldEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContactFieldEditor.js","sourceRoot":"","sources":["../../../src/contacts/ContactFieldEditor.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { FormElement } from '../FormElement';\nimport { CustomEventType } from '../interfaces';\nimport { RapidElement } from '../RapidElement';\nimport { InputType, TextInput } from '../textinput/TextInput';\nimport { Icon } from '../vectoricon';\nimport { getClasses, WebResponse } from '../utils';\nimport { Select } from '../select/Select';\n\nenum Status {\n  Success = 'success',\n  Failure = 'failure',\n  Saving = 'saving',\n  Ready = 'ready'\n}\n\nexport class ContactFieldEditor extends RapidElement {\n  @property({ type: String })\n  key: string;\n\n  @property({ type: String })\n  value: string;\n\n  @property({ type: String })\n  name: string;\n\n  @property({ type: String })\n  type: string;\n\n  @property({ type: String })\n  timezone: string;\n\n  @property({ type: String })\n  icon = navigator.clipboard ? Icon.copy : '';\n\n  @property({ type: String })\n  iconClass = '';\n\n  @property({ type: String })\n  status: Status = Status.Ready;\n\n  @property({ type: Boolean })\n  disabled = false;\n\n  @property({ type: Boolean })\n  dirty = false;\n\n  static get styles() {\n    return css`\n      :host {\n        --transition-speed: 0ms;\n        margin-bottom: 1em;\n        display: block;\n      }\n\n      .wrapper {\n        --disabled-opacity: 1;\n        position: relative;\n        --color-widget-bg: transparent;\n        --color-widget-bg-focused: #fff;\n        --widget-box-shadow: none;\n        padding-bottom: 0.6em;\n        border-bottom: 1px solid #ececec;\n      }\n\n      .wrapper.disabled {\n        --color-widget-border: transparent;\n      }\n\n      .wrapper.mutable:hover {\n      }\n\n      .wrapper.mutable {\n        --color-widget-border: rgb(235, 235, 235);\n        --color-widget-bg: transparent;\n        --input-cursor: pointer;\n\n        border-bottom: none;\n        margin-bottom: 0.5em;\n        padding-bottom: 0em;\n      }\n\n      .mutable.success {\n        --color-widget-border: rgba(var(--success-rgb), 0.6);\n      }\n\n      .mutable.failure {\n        --color-widget-border: rgba(var(--error-rgb), 0.3) !important;\n      }\n\n      .mutable .dirty {\n        --color-widget-border: rgb(235, 235, 235);\n      }\n\n      .prefix {\n        border-top-left-radius: var(--curvature-widget);\n        border-bottom-left-radius: var(--curvature-widget);\n        cursor: pointer !important;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: flex;\n        position: absolute;\n        margin-top: -0.6em;\n        margin-left: 0.5em;\n        pointer-events: none;\n        background: #fff;\n        border-radius: var(--curvature);\n      }\n\n      temba-select .prefix {\n        margin-top: -1em;\n      }\n\n      .wrapper {\n        margin-bottom: 0.5em;\n      }\n\n      .prefix .name,\n      .label .name {\n        padding: 0em 0.4em;\n        color: rgba(100, 100, 100, 0.7);\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        font-size: 0.8em;\n      }\n\n      .disabled .name {\n        margin-top: 1em;\n        margin-left: 0.75em;\n      }\n\n      .disabled .value {\n        margin-left: 0.9em;\n        margin-top: 0.1em;\n        min-height: 1.75em;\n      }\n\n      .postfix {\n        display: flex;\n        align-items: stretch;\n        margin-left: 1em;\n      }\n\n      .popper {\n        background: rgba(0, 0, 0, 0.03);\n        border-top-right-radius: var(--curvature-widget);\n        border-bottom-right-radius: var(--curvature-widget);\n        --icon-color: #888;\n        display: flex;\n        cursor: default;\n        transition: all var(--transition-speed) ease-in-out;\n        align-items: stretch;\n        margin: -1px;\n      }\n\n      temba-icon[name='calendar'] {\n        --icon-color: rgba(0, 0, 0, 0.2);\n      }\n\n      temba-icon:hover {\n        --icon-color: rgba(0, 0, 0, 0.5);\n      }\n\n      temba-icon {\n        cursor: pointer;\n        --icon-color: rgba(0, 0, 0, 0.3);\n      }\n\n      temba-textinput:focus .popper,\n      temba-textinput:hover .popper {\n        display: flex;\n      }\n\n      .disabled temba-textinput .postfix {\n        display: none;\n        padding: none;\n      }\n\n      .unset temba-textinput .popper .copy,\n      .unset temba-textinput .popper .search {\n        display: none;\n      }\n\n      .unset temba-textinput:focus .popper .copy,\n      .unset temba-textinput:hover .popper .copy,\n      .unset temba-textinput:focus .popper .save,\n      .unset temba-textinput:hover .popper .save {\n        display: none;\n      }\n\n      .popper temba-icon {\n        padding: 0.5em 0em;\n        padding-right: 1em;\n      }\n\n      .popper:first-child {\n        padding: 0.5em 0em;\n        padding-right: 0.5em;\n        padding-left: 1em;\n      }\n\n      .popper:last-child {\n        padding-right: 0em;\n      }\n\n      .copy.clicked temba-icon {\n        transform: scale(1.2);\n      }\n\n      temba-icon {\n        transition: all 200ms ease-in-out;\n      }\n\n      temba-datepicker {\n        position: relative;\n      }\n\n      .save-state {\n        display: flex;\n        align-items: center;\n      }\n\n      .save-button {\n        padding-right: 1em;\n      }\n\n      .dirty .copy,\n      .dirty .search {\n        display: none;\n      }\n\n      .saving .copy,\n      .saving .search {\n        display: none;\n      }\n\n      .success .copy,\n      .success .search {\n        display: none;\n      }\n\n      .failure .copy,\n      .failure .search {\n        display: none;\n      }\n\n      .popper.success {\n        background: rgb(var(--success-rgb));\n      }\n\n      .popper.failure {\n        background: rgb(var(--error-rgb));\n      }\n\n      .popper.success temba-icon,\n      .popper.failure temba-icon {\n        --icon-color: #fff !important;\n      }\n\n      .popper.dirty {\n        background: rgba(0, 0, 0, 0.03);\n      }\n\n      temba-datepicker .popper {\n        border-radius: 0px;\n      }\n\n      temba-datepicker .popper:first-child {\n        padding: 0;\n      }\n\n      .dirty temba-datepicker .popper:first-child {\n        padding-left: 1em;\n      }\n\n      .success temba-datepicker .popper:first-child {\n        padding-left: 1em;\n      }\n\n      .failure temba-datepicker .popper:first-child {\n        padding-left: 1em;\n      }\n\n      .saving temba-datepicker .popper:first-child {\n        padding-left: 1em;\n      }\n\n      temba-datepicker .postfix {\n        margin-left: 0;\n      }\n\n      temba-datepicker {\n        --temba-textinput-padding: 0.8em 0.8em 0.4em 0.8em;\n      }\n\n      .saving temba-datepicker,\n      .saving temba-textinput {\n        pointer-events: none !important;\n        cursor: default !important;\n        opacity: 0.7;\n      }\n\n      temba-select {\n        --color-widget-bg: white;\n      }\n\n      temba-option {\n      }\n    `;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.handleInput = this.handleInput.bind(this);\n    this.handleSubmit = this.handleSubmit.bind(this);\n  }\n\n  public handleIconClick(evt: MouseEvent) {\n    const ele = evt.target as HTMLDivElement;\n    const icon = ele.getAttribute('icon-action');\n    const input = this.shadowRoot.querySelector('temba-textinput') as TextInput;\n\n    if (icon === 'copy') {\n      if (navigator.clipboard) {\n        this.iconClass = 'clicked';\n        navigator.clipboard.writeText(input.getDisplayValue()).then(() => {\n          window.setTimeout(() => {\n            this.iconClass = '';\n          }, 300);\n        });\n      }\n    }\n\n    if (icon === 'search') {\n      this.fireCustomEvent(CustomEventType.ButtonClicked, {\n        key: this.key,\n        value: this.value\n      });\n    }\n\n    evt.preventDefault();\n    evt.stopPropagation();\n  }\n\n  public handleResponse(response: WebResponse) {\n    if (response.status === 200) {\n      this.value = response.json.fields[this.key];\n      // this.status = Status.Success;\n      // on success lets go back to ready state for now\n      this.status = Status.Ready;\n      this.dirty = false;\n    } else {\n      this.status = Status.Failure;\n      this.dirty = false;\n    }\n  }\n\n  public handleSelectChange(evt: CustomEvent) {\n    const select = evt.currentTarget as Select<any>;\n    let value = '';\n\n    evt.preventDefault();\n    evt.stopPropagation();\n\n    if (select.values.length > 0) {\n      value = select.values[0].path;\n    }\n\n    if (value !== this.value) {\n      this.dirty = true;\n      this.status = Status.Saving;\n      this.value = value;\n      this.fireEvent('change');\n    }\n  }\n\n  public handleSubmit() {\n    const input = this.shadowRoot.querySelector(\n      'temba-textinput, temba-datepicker'\n    ) as FormElement;\n\n    if (input.value !== this.value) {\n      this.dirty = true;\n      this.status = Status.Saving;\n      this.value = input.value;\n      this.fireEvent('change');\n    }\n  }\n\n  public handleChange(evt: Event) {\n    evt.preventDefault();\n    evt.stopPropagation();\n  }\n\n  public handleDateChange(evt: Event) {\n    evt.preventDefault();\n    evt.stopPropagation();\n    this.dirty = true;\n  }\n\n  public handleInput(evt: KeyboardEvent) {\n    const input = evt.currentTarget as TextInput;\n    if (evt.key === 'Enter') {\n      input.blur();\n      this.handleSubmit();\n    } else {\n      if (input.value !== this.value) {\n        this.dirty = true;\n      }\n    }\n  }\n\n  private getInputType(type: string): string {\n    if (type === 'numeric') {\n      return InputType.Number;\n    }\n    return InputType.Text;\n  }\n\n  private renderDateField(state: TemplateResult) {\n    return html` <temba-datepicker\n      timezone=${this.timezone}\n      value=\"${this.value ? this.value : ''}\"\n      @change=${this.handleDateChange}\n      ?disabled=${this.disabled}\n      time\n    >\n      <div class=\"prefix\" slot=\"prefix\">\n        <div class=\"name\">${this.name}</div>\n      </div>\n      <div class=\"postfix\" slot=\"postfix\">\n        <div class=\"popper ${this.status}  ${this.dirty ? 'dirty' : ''}\">\n          ${state}\n        </div>\n      </div>\n    </temba-datepicker>`;\n  }\n\n  private renderTextField(state: TemplateResult) {\n    return html`\n      <temba-textinput\n        class=\"${this.status} ${this.dirty ? 'dirty' : ''}\"\n        value=\"${this.value ? this.value : ''}\"\n        @keyup=${this.handleInput}\n        @change=${this.handleChange}\n        type=${this.getInputType(this.type)}\n        ?disabled=${this.disabled}\n      >\n        <div class=\"prefix\" slot=\"prefix\">\n          <div class=\"name\">${this.name}</div>\n        </div>\n\n        <div class=\"postfix\">\n          <div\n            class=\"popper ${this.iconClass} ${this.status}  ${this.dirty\n              ? 'dirty'\n              : ''}\"\n            @click=${this.handleIconClick}\n          >\n            ${state}\n            <temba-icon\n              class=\"search\"\n              icon-action=\"search\"\n              name=\"${Icon.search}\"\n              animateclick=\"pulse\"\n            ></temba-icon>\n            <temba-icon\n              class=\"copy\"\n              icon-action=\"copy\"\n              name=\"${this.icon}\"\n              animatechange=\"spin\"\n              animateclick=\"pulse\"\n            ></temba-icon>\n          </div>\n        </div>\n      </temba-textinput>\n    `;\n  }\n\n  private getOptions(response: WebResponse) {\n    return response.json[0].children;\n  }\n\n  private renderSelectedLocation(option: any) {\n    if (!option) {\n      return null;\n    }\n\n    return html`\n      <div\n        class=\"selected-location\"\n        style=\"display:flex;margin-top:1em;margin-left:0.1em\"\n      >\n        <span>${option['path']}</span>\n      </div>\n    `;\n  }\n\n  public renderLocationField(level: string = 'state') {\n    return html`\n      <temba-select\n        endpoint=\"/api/internal/locations.json?level=${level}\"\n        nameKey=\"path\"\n        valueKey=\"path\"\n        @change=${this.handleSelectChange}\n        .resnderSelectedItem=${this.renderSelectedLocation}\n        placeholder=\"Select a ${level}\"\n        queryParam=\"query\"\n        searchable\n        clearable\n        inpsutStyle=${JSON.stringify({ 'margin-top': '1.1em !important;' })}\n        values=${this.value\n          ? JSON.stringify([{ path: this.value, osm_id: this.value }])\n          : '[]'}\n      >\n        <div class=\"prefix\" slot=\"prefix\">\n          <div class=\"name\">${this.name}</div>\n        </div>\n      </temba-select>\n    `;\n  }\n\n  public render(): TemplateResult {\n    if (this.disabled) {\n      return html`<div\n        class=${this.status +\n        ' ' +\n        getClasses({\n          wrapper: true,\n          set: !!this.value,\n          unset: !this.value,\n          disabled: this.disabled,\n          mutable: !this.disabled,\n          dirty: this.dirty\n        })}\n      >\n        <div class=\"label\"><div class=\"name\">${this.name}</div></div>\n        <div class=\"value\">\n          ${this.type === 'datetime'\n            ? this.value\n              ? html`<temba-date\n                  value=${this.value}\n                  display=\"datetime\"\n                ></temba-date>`\n              : null\n            : this.value}\n        </div>\n      </div>`;\n    }\n\n    const state = html`<div class=\"save-state\">\n      ${this.dirty\n        ? html`<temba-button\n            class=\"save-button\"\n            name=\"Save\"\n            small\n            @click=${this.handleSubmit}\n          ></temba-button>`\n        : html` ${this.status === Status.Saving\n            ? html`<temba-icon\n                spin\n                name=\"${Icon.progress_spinner}\"\n              ></temba-icon>`\n            : null}\n          ${this.status === Status.Success && !this.dirty\n            ? html`<temba-icon name=\"${Icon.success}\"></temba-icon>`\n            : null}\n          ${this.status === Status.Failure\n            ? html`<temba-tip text=\"Failed to save changes, try again later.\"\n                ><temba-icon name=\"${Icon.alert_warning}\"></temba-icon\n              ></temba-tip>`\n            : null}`}\n    </div>`;\n\n    return html`\n      <div\n        class=${this.status +\n        ' ' +\n        getClasses({\n          wrapper: true,\n          set: !!this.value,\n          unset: !this.value,\n          disabled: this.disabled,\n          mutable: !this.disabled,\n          dirty: this.dirty\n        })}\n      >\n        ${this.type === 'datetime'\n          ? this.renderDateField(state)\n          : this.type === 'state' ||\n            this.type === 'district' ||\n            this.type === 'ward'\n          ? this.renderLocationField(this.type)\n          : this.renderTextField(state)}\n      </div>\n    `;\n  }\n}\n"]}

package/out-tsc/src/contacts/ContactFields.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContactFields.js","sourceRoot":"","sources":["../../../src/contacts/ContactFields.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, PropertyValueMap, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { getClasses, postJSON } from '../utils';\nimport { ContactFieldEditor } from './ContactFieldEditor';\nimport { ContactStoreElement } from './ContactStoreElement';\nimport { Checkbox } from '../checkbox/Checkbox';\nimport { CustomEventType } from '../interfaces';\n\nconst MIN_FOR_FILTER = 10;\n\nexport class ContactFields extends ContactStoreElement {\n  static get styles() {\n    return css`\n      .field {\n        display: flex;\n        margin: 1em 0.3em;\n        box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.15);\n        border-radius: 0px;\n        align-items: center;\n        overflow: hidden;\n      }\n\n      .show-all .unset,\n      .featured {\n        display: block !important;\n      }\n\n      .unset {\n        display: none;\n      }\n\n      .field:hover {\n        box-shadow: 1px 1px 6px 2px rgba(0, 0, 0, 0.05),\n          0px 0px 0px 2px var(--color-link-primary);\n        cursor: pointer;\n      }\n\n      .label {\n        padding: 0.25em 1em;\n        border-top-left-radius: 0px;\n        border-bottom-left-radius: 0px;\n        color: #777;\n        font-size: 0.9em;\n        font-weight: 400;\n        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1) inset;\n      }\n\n      .value {\n        --icon-color: #ddd;\n        max-width: 150px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        padding: 0.25em 1em;\n        border-top-right-radius: 0px;\n        border-bottom-right-radius: 0px;\n        font-size: 0.9em;\n      }\n\n      .toggle {\n        display: flex;\n        background: #fff;\n        align-items: center;\n        margin-bottom: 0.5em;\n      }\n\n      .disabled .toggle {\n        display: none;\n      }\n    `;\n  }\n\n  @property({ type: Boolean })\n  system: boolean;\n\n  @property({ type: Boolean })\n  dirty: boolean;\n\n  @property({ type: Boolean })\n  showAll: boolean;\n\n  @property({ type: String })\n  timezone: string;\n\n  @property({ type: String })\n  role: string;\n\n  @property({ type: Boolean })\n  disabled = false;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.handleFieldChanged = this.handleFieldChanged.bind(this);\n  }\n\n  private isAgent(): boolean {\n    return this.role === 'T';\n  }\n\n  protected updated(\n    changes: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.updated(changes);\n    if (changes.has('data')) {\n      if (Object.keys(this.data.fields).length <= MIN_FOR_FILTER) {\n        this.showAll = true;\n      }\n\n      this.fireCustomEvent(CustomEventType.DetailsChanged, {\n        count: Object.values(this.data.fields).filter((value) => !!value).length\n      });\n    }\n  }\n\n  public handleFieldChanged(evt: InputEvent) {\n    const field = evt.currentTarget as ContactFieldEditor;\n    const value = field.value;\n\n    // TODO: Use contact.postChanges instead of postJSON\n    postJSON('/api/v2/contacts.json?uuid=' + this.data.uuid, {\n      fields: { [field.key]: value }\n    })\n      .then((response: any) => {\n        field.handleResponse(response);\n\n        // returns a single contact with latest updates\n        this.setContact(response.json);\n      })\n      .catch((error) => {\n        field.handleResponse(error);\n      });\n  }\n\n  public handleToggle(evt: Event) {\n    const checkbox = evt.currentTarget as Checkbox;\n    this.showAll = checkbox.checked;\n  }\n\n  public render(): TemplateResult {\n    if (this.data) {\n      const fieldsToShow = Object.entries(this.data.fields).sort(\n        (a: [string, string], b: [string, string]) => {\n          const [ak] = a;\n          const [bk] = b;\n          const fieldA = this.store.getContactField(ak);\n          const fieldB = this.store.getContactField(bk);\n\n          if (fieldA.type === 'ward') {\n            return 1;\n          }\n\n          if (fieldB.type === 'ward') {\n            return -1;\n          }\n\n          if (\n            fieldA.type === 'district' &&\n            fieldB.type !== 'ward' &&\n            fieldB.type !== 'district'\n          ) {\n            return 1;\n          }\n\n          if (\n            fieldB.type === 'district' &&\n            fieldA.type !== 'ward' &&\n            fieldA.type !== 'district'\n          ) {\n            return -1;\n          }\n\n          if (\n            fieldA.type === 'state' &&\n            fieldB.type !== 'ward' &&\n            fieldB.type !== 'district' &&\n            fieldB.type !== 'state'\n          ) {\n            return 1;\n          }\n\n          if (\n            fieldB.type === 'state' &&\n            fieldA.type !== 'ward' &&\n            fieldA.type !== 'district' &&\n            fieldA.type !== 'state'\n          ) {\n            return -1;\n          }\n\n          if (fieldA.featured && !fieldB.featured) {\n            return -1;\n          }\n\n          if (fieldB.featured && !fieldA.featured) {\n            return 1;\n          }\n\n          const priority = fieldB.priority - fieldA.priority;\n          if (priority !== 0) {\n            return priority;\n          }\n\n          return ak.localeCompare(bk);\n        }\n      );\n\n      if (fieldsToShow.length == 0) {\n        return html`<slot name=\"empty\"></slot>`;\n      }\n\n      const fields = fieldsToShow.map((entry: [string, string]) => {\n        const [k, v] = entry;\n        const field = this.store.getContactField(k);\n        return html`<temba-contact-field\n          class=${getClasses({ set: !!v, unset: !v, featured: field.featured })}\n          key=${field.key}\n          name=${field.label}\n          value=${v}\n          type=${field.value_type}\n          @change=${this.handleFieldChanged}\n          timezone=${this.timezone}\n          ?disabled=${(this.isAgent() && field.agent_access === 'view') ||\n          this.disabled\n            ? true\n            : false}\n        ></temba-contact-field>`;\n      });\n\n      return html`\n        <div class=${getClasses({ disabled: this.disabled })}>\n          <div class=\"fields ${this.showAll ? 'show-all' : ''}\">${fields}</div>\n          ${Object.keys(this.data.fields).length >= MIN_FOR_FILTER\n            ? html`<div class=\"toggle\">\n                <div style=\"flex-grow: 1\"></div>\n                <div>\n                  <temba-checkbox\n                    ?checked=${this.showAll}\n                    @change=${this.handleToggle}\n                    label=\"Show All\"\n                  ></temba-checkbox>\n                </div>\n              </div>`\n            : null}\n        </div>\n      `;\n    }\n\n    return super.render();\n  }\n}\n"]}

package/out-tsc/src/contacts/ContactName.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContactName.js","sourceRoot":"","sources":["../../../src/contacts/ContactName.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,OAAO,WAAY,SAAQ,YAAY;IAA7C;;QAQE,SAAI,GAAG,EAAE,CAAC;IAoCZ,CAAC;IAlCC,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;KAmBT,CAAC;IACJ,CAAC;IACM,MAAM;QACX,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG;YAClB,CAAC,CAAC,IAAI,CAAA,mBAAmB,IAAI,CAAC,IAAI,QAAQ,IAAI,CAAC,GAAG,eAAe;YACjE,CAAC,CAAC,IAAI,CAAC;QACT,OAAO,IAAI,CAAA;QACP,GAAG;;UAED,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;;;KAGnE,CAAC;IACJ,CAAC;CACF;AA1CC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCACd;AAGb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACf;AAGZ;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;yCACzC","sourcesContent":["import { css, html, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { RapidElement } from '../RapidElement';\n\nexport class ContactName extends RapidElement {\n  @property({ type: String })\n  name: string;\n\n  @property({ type: String })\n  urn: string;\n\n  @property({ type: Number, attribute: 'icon-size' })\n  size = 20;\n\n  static get styles() {\n    return css`\n      :host {\n        display: flex;\n        align-items: center;\n      }\n\n      temba-urn {\n        margin-right: 0.2em;\n      }\n\n      .name {\n        font-size: var(--contact-name-font-size, 1.5rem);\n        overflow: hidden;\n        max-height: 2rem;\n        line-height: 2rem;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 1;\n        text-overflow: ellipsis;\n      }\n    `;\n  }\n  public render(): TemplateResult {\n    const urn = this.urn\n      ? html`<temba-urn size=${this.size} urn=${this.urn}></temba-urn>`\n      : null;\n    return html`\n      ${urn}\n      <div class=\"name\">\n        ${this.name ? this.name : this.urn ? this.urn.split(':')[1] : ''}\n      </div>\n      <slot></slot>\n    `;\n  }\n}\n"]}

package/out-tsc/src/contacts/ContactNameFetch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContactNameFetch.js","sourceRoot":"","sources":["../../../src/contacts/ContactNameFetch.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,OAAO,gBAAiB,SAAQ,mBAAmB;IAAzD;;QAEE,SAAI,GAAG,EAAE,CAAC;IAyBZ,CAAC;IAvBC,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;KAST,CAAC;IACJ,CAAC;IAEM,MAAM;QACX,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,OAAO,IAAI,CAAA;iBACA,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY;gBACzC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI;;sBAE9C,CAAC;QACnB,CAAC;QACD,OAAO,KAAK,CAAC,MAAM,EAAE,CAAC;IACxB,CAAC;CACF;AAzBC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;8CACzC","sourcesContent":["import { css, html, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ContactStoreElement } from './ContactStoreElement';\n\nexport class ContactNameFetch extends ContactStoreElement {\n  @property({ type: Number, attribute: 'icon-size' })\n  size = 20;\n\n  static get styles() {\n    return css`\n      :host {\n        display: flex;\n      }\n\n      temba-urn {\n        margin-right: 0.2em;\n        margin-top: 2px;\n      }\n    `;\n  }\n\n  public render(): TemplateResult {\n    if (this.data) {\n      return html` <temba-contact-name\n          name=${this.data.name || this.data.anon_display}\n          urn=${this.data.urns.length > 0 ? this.data.urns[0] : null}\n        ></temba-contact-name>\n        <slot></slot>`;\n    }\n    return super.render();\n  }\n}\n"]}

package/out-tsc/src/contacts/ContactPending.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContactPending.js","sourceRoot":"","sources":["../../../src/contacts/ContactPending.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, PropertyValueMap, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport {\n  CustomEventType,\n  ScheduledEvent,\n  ScheduledEventType\n} from '../interfaces';\nimport { EndpointMonitorElement } from '../store/EndpointMonitorElement';\nimport { Icon } from '../vectoricon';\n\nconst ICONS = {\n  [ScheduledEventType.CampaignEvent]: Icon.campaign,\n  [ScheduledEventType.ScheduledBroadcast]: Icon.message,\n  [ScheduledEventType.ScheduledTrigger]: Icon.trigger\n};\n\nexport class ContactPending extends EndpointMonitorElement {\n  @property({ type: String })\n  contact: string;\n\n  @property({ type: Object, attribute: false })\n  data: ScheduledEvent[];\n\n  @property({ type: String })\n  lang_weekly = 'Weekly';\n\n  @property({ type: String })\n  lang_daily = 'Daily';\n\n  @property({ type: String })\n  lang_once = 'Once';\n\n  REPEAT_PERIOD = {\n    O: this.lang_once,\n    D: this.lang_daily,\n    W: this.lang_weekly\n  };\n\n  static get styles() {\n    return css`\n      :host {\n      }\n\n      a,\n      .linked {\n        color: var(--color-link-primary);\n        cursor: pointer;\n      }\n\n      a:hover,\n      .linked:hover {\n        text-decoration: underline;\n        color: var(--color-link-primary-hover);\n      }\n\n      .type {\n        background: rgba(0, 0, 0, 0.02);\n        padding: 1em;\n        display: flex;\n        align-self: stretch;\n        --icon-color: rgba(50, 50, 50, 0.25);\n        border-top-left-radius: var(--curvature);\n        border-bottom-left-radius: var(--curvature);\n      }\n\n      .details {\n        display: flex;\n        flex-direction: column;\n        padding: 0.5em 1em;\n        flex-grow: 1;\n      }\n\n      .campaign {\n        display: flex;\n        color: var(--text-color);\n        --icon-color: var(--text-color);\n        align-self: center;\n        white-space: nowrap;\n      }\n\n      .message {\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n        padding: 0.1em;\n      }\n\n      .event {\n        margin-bottom: 0.5em;\n        border-radius: var(--curvature);\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.055),\n          0 0 0px 1px rgba(0, 0, 0, 0.02);\n      }\n\n      .event:hover {\n        cursor: pointer;\n        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.055),\n          0 0 0px 2px var(--color-link-primary);\n      }\n\n      .time {\n        white-space: nowrap;\n        background: rgba(0, 0, 0, 0.02);\n        border-top-right-radius: var(--curvature);\n        border-bottom-right-radius: var(--curvature);\n        display: flex;\n        align-self: stretch;\n        padding: 0 1em;\n        min-width: 5em;\n      }\n\n      .duration {\n        align-self: center;\n        flex-grow: 1;\n        text-align: center;\n      }\n\n      .flow {\n        display: inline-block;\n      }\n\n      temba-tip {\n        cursor: default;\n      }\n\n      .scheduled-by {\n        font-size: 0.85em;\n        display: flex;\n        color: var(--text-color);\n        --icon-color: var(--text-color);\n      }\n\n      .scheduled-by temba-icon {\n        margin-right: 0.25em;\n      }\n\n      .scheduled-by .name {\n        flex-grow: 1;\n      }\n    `;\n  }\n\n  constructor() {\n    super();\n    this.handleEventClicked = this.handleEventClicked.bind(this);\n  }\n\n  protected updated(\n    changes: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.updated(changes);\n    if (changes.has('contact')) {\n      if (this.contact) {\n        this.url = `/contact/scheduled/${this.contact}/`;\n      } else {\n        this.url = null;\n      }\n    }\n\n    if (changes.has('data')) {\n      this.fireCustomEvent(CustomEventType.DetailsChanged, {\n        count: this.data.length\n      });\n    }\n  }\n\n  public handleEventClicked(event: ScheduledEvent) {\n    this.fireCustomEvent(CustomEventType.Selection, event);\n  }\n\n  public renderEvent(scheduledEvent: ScheduledEvent) {\n    return html`\n      <div\n        class=\"event ${scheduledEvent.type}\"\n        @click=\"${() => this.handleEventClicked(scheduledEvent)}\"\n      >\n        <div class=\"type\">\n          <temba-icon\n            size=\"2\"\n            name=\"${scheduledEvent.message ? Icon.message : Icon.flow}\"\n          ></temba-icon>\n        </div>\n\n        <div class=\"details\">\n          <div>\n            ${scheduledEvent.flow\n              ? html` Start ${scheduledEvent.flow.name}`\n              : null}\n            ${scheduledEvent.message\n              ? html` <div class=\"message\">${scheduledEvent.message}</div> `\n              : null}\n          </div>\n\n          <div class=\"scheduled-by\">\n            ${scheduledEvent.campaign\n              ? html`<div style=\"display:flex\">\n                  <temba-icon name=\"${Icon.campaign}\"></temba-icon>\n                  <div class=\"name\">${scheduledEvent.campaign.name}</div>\n                </div>`\n              : html`\n                  ${scheduledEvent.type === ScheduledEventType.ScheduledTrigger\n                    ? html`<temba-icon\n                        name=\"${ICONS[scheduledEvent.type]}\"\n                      ></temba-icon>`\n                    : null}\n                  <div class=\"name\">\n                    ${this.REPEAT_PERIOD[scheduledEvent.repeat_period]}\n                  </div>\n                `}\n          </div>\n        </div>\n\n        <div class=\"time\">\n          <div class=\"duration\">\n            <temba-tip\n              text=${this.store.formatDate(scheduledEvent.scheduled)}\n              position=\"left\"\n            >\n              ${this.store.getShortDurationFromIso(scheduledEvent.scheduled)}\n            </temba-tip>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  public render(): TemplateResult {\n    if (this.data) {\n      if (this.data.length > 0) {\n        return html`\n          ${this.data.map((event) => {\n            return this.renderEvent(event);\n          })}\n        `;\n      } else {\n        return html`<slot name=\"empty\"></slot>`;\n      }\n    }\n  }\n}\n"]}

package/out-tsc/src/contacts/ContactStoreElement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContactStoreElement.js","sourceRoot":"","sources":["../../../src/contacts/ContactStoreElement.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAEzE,MAAM,OAAO,mBAAoB,SAAQ,sBAAsB;IAA/D;;QAQE,aAAQ,GAAG,6BAA6B,CAAC;IAwD3C,CAAC;IAtDC,WAAW,CAAC,IAAS;QACnB,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC5B,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;YACf,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAY,EAAE,EAAE;gBACnC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAC3D,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAQ,EAAE,CAAQ,EAAE,EAAE;gBACtC,IAAI,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;oBACnC,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC;wBACjB,OAAO,CAAC,CAAC,CAAC;oBACZ,CAAC;oBAED,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC;wBACjB,OAAO,CAAC,CAAC;oBACX,CAAC;gBACH,CAAC;gBAED,OAAO,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YACtC,CAAC,CAAC,CAAC;YAEH,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,WAAW,CAAC,OAAY;QAC7B,6CAA6C;QAC7C,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QAC9D,OAAO,IAAI,CAAC,KAAK;aACd,QAAQ,CAAC,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,EAAE,EAAE,OAAO,CAAC;aACpD,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;YACjB,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjC,CAAC,CAAC,CAAC;IACP,CAAC;IAEM,UAAU,CAAC,OAAY;QAC5B,6CAA6C;QAC7C,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;QACxC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IACvE,CAAC;IAES,OAAO,CACf,OAA0D;QAE1D,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACvB,IAAI,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YAC3B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,IAAI,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;YAC/C,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC;YAClB,CAAC;QACH,CAAC;IACH,CAAC;CACF;AA9DC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDACX;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;iDAC/B;AAGd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDACc","sourcesContent":["import { PropertyValueMap } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Contact, Group } from '../interfaces';\nimport { EndpointMonitorElement } from '../store/EndpointMonitorElement';\n\nexport class ContactStoreElement extends EndpointMonitorElement {\n  @property({ type: String })\n  contact: string;\n\n  @property({ type: Object, attribute: false })\n  data: Contact;\n\n  @property({ type: String })\n  endpoint = '/api/v2/contacts.json?uuid=';\n\n  prepareData(data: any) {\n    if (data && data.length > 0) {\n      data = data[0];\n      data.groups.forEach((group: Group) => {\n        group.is_dynamic = this.store.isDynamicGroup(group.uuid);\n      });\n\n      data.groups.sort((a: Group, b: Group) => {\n        if (!a.is_dynamic || !b.is_dynamic) {\n          if (a.is_dynamic) {\n            return -1;\n          }\n\n          if (b.is_dynamic) {\n            return 1;\n          }\n        }\n\n        return a.name.localeCompare(b.name);\n      });\n\n      return data;\n    }\n    return null;\n  }\n\n  public postChanges(payload: any) {\n    // clear our cache so we don't have any races\n    this.store.removeFromCache(`${this.endpoint}${this.contact}`);\n    return this.store\n      .postJSON(`${this.endpoint}${this.contact}`, payload)\n      .then((response) => {\n        this.setContact(response.json);\n      });\n  }\n\n  public setContact(contact: any) {\n    // make sure contact data is properly prepped\n    this.data = this.prepareData([contact]);\n    this.store.updateCache(`${this.endpoint}${this.contact}`, this.data);\n  }\n\n  protected updated(\n    changes: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.updated(changes);\n    if (changes.has('contact')) {\n      if (this.contact) {\n        this.url = `${this.endpoint}${this.contact}`;\n      } else {\n        this.url = null;\n      }\n    }\n  }\n}\n"]}

package/out-tsc/src/contacts/ContactUrn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContactUrn.js","sourceRoot":"","sources":["../../../src/contacts/ContactUrn.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,OAAO,UAAW,SAAQ,YAAY;IAA5C;;QAQE,SAAI,GAAG,EAAE,CAAC;IAuCZ,CAAC;IArCC,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;KAoBT,CAAC;IACJ,CAAC;IAEM,MAAM;QACX,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACrD,OAAO,IAAI,CAAA;;qBAEM,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;iBACjC,IAAI,CAAC,IAAI;kBACR,IAAI,CAAC,IAAI;eACZ,IAAI,CAAC,MAAM;YACjB,MAAc,CAAC,UAAU;YAC1B,UAAU,eAAe,MAAM;;KAElC,CAAC;IACJ,CAAC;CACF;AA7CC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACf;AAGZ;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CACZ;AAGf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACjB","sourcesContent":["import { css, html, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { RapidElement } from '../RapidElement';\n\nexport class ContactUrn extends RapidElement {\n  @property({ type: String })\n  urn: string;\n\n  @property({ type: String })\n  scheme: string;\n\n  @property({ type: Number })\n  size = 20;\n\n  static get styles() {\n    return css`\n      :host {\n        display: flex;\n        align-items: center;\n      }\n      .urn {\n        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.04) inset;\n        padding: 3px;\n        border: 1px solid #ddd;\n        border-radius: 18rem;\n        background: #eee;\n        margin-right: 0.2em;\n      }\n\n      .small {\n        padding: 0px;\n        border: 0px;\n        box-shadow: none;\n        margin-right: 0.5em;\n      }\n    `;\n  }\n\n  public render(): TemplateResult {\n    const scheme = this.scheme || this.urn.split(':')[0];\n    return html`\n      <img\n        class=\"urn ${this.size < 20 ? 'small' : ''}\"\n        width=\"${this.size}em\"\n        height=\"${this.size}em\"\n        src=\"${this.prefix ||\n        (window as any).static_url ||\n        '/static/'}img/schemes/${scheme}.svg\"\n      />\n    `;\n  }\n}\n"]}

package/out-tsc/src/contacts/events.js

@@ -1,65 +0,0 @@
-import { html } from 'lit';
-import { Icon } from '../vectoricon';
-export const renderAttachment = (attachment) => {
-    const idx = attachment.indexOf(':');
-    const attType = attachment.substr(0, idx);
-    const url = attachment.substr(idx + 1);
-    const [mediaType, ext] = attType.split('/', 2);
-    let inner = null;
-    if (mediaType === 'image') {
-        inner = html `
-      <img src="${url}" style="height:auto;width:100%;display:block;" />
-    `;
-    }
-    else if (ext === 'pdf') {
-        return html `<div
-      style="width:100%;height:300px;border-radius:calc(var(--curvature) * 2.5);box-shadow:0px 0px 12px 0px rgba(0,0,0,.1), 0px 0px 2px 0px rgba(0,0,0,.15);overflow:hidden"
-    ><embed src="${url}#view=Fit" type="application/pdf" frameBorder="0" scrolling="auto" height="100%" width="100%"></embed></div>`;
-    }
-    else if (mediaType === 'video') {
-        return html `<video
-      style="border-radius:var(--curvature);box-shadow:0px 0px 12px 0px rgba(0,0,0,.1), 0px 0px 2px 0px rgba(0,0,0,.15);max-width:400px"
-      height="auto"
-      controls
-    >
-      <source src="${url}" type="video/mp4" />
-    </video> `;
-    }
-    else if (mediaType === 'audio') {
-        return html `<audio
-      style="border-radius: 99px; box-shadow:0px 0px 12px 0px rgba(0,0,0,.1), 0px 0px 2px 0px rgba(0,0,0,.15);"
-      src="${url}"
-      type="${attType}"
-      controls
-    >
-      <a target="_" href="${url}">${url}</a>
-    </audio>`;
-    }
-    else if (attType === 'geo') {
-        const [lat, long] = url.split(',');
-        const latFloat = parseFloat(lat);
-        const longFloat = parseFloat(long);
-        const geo = `${lat}000000%2C${long}000000`;
-        return html ` <iframe
-      style="border-radius: var(--curvature);box-shadow:0px 0px 12px 0px rgba(0,0,0,.1), 0px 0px 2px 0px rgba(0,0,0,.15);"
-      width="300"
-      height="300"
-      frameborder="0"
-      scrolling="no"
-      marginheight="0"
-      marginwidth="0"
-      src="https://www.openstreetmap.org/export/embed.html?bbox=${longFloat -
-            0.005}000000%2C${latFloat - 0.005}%2C${longFloat +
-            0.005}000000%2C${latFloat +
-            0.005}000000&amp;layer=mapnik&amp;marker=${geo}"
-    ></iframe>`;
-    }
-    else {
-        return html `<div style="display:flex">
-      <temba-icon name="${Icon.download}"></temba-icon>
-      <div>Attachment ${ext}</div>
-    </div>`;
-    }
-    return html `<div style="">${inner}</div>`;
-};
-//# sourceMappingURL=events.js.map

package/out-tsc/src/contacts/events.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"events.js","sourceRoot":"","sources":["../../../src/contacts/events.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAoJrC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,UAAkB,EAAkB,EAAE;IACrE,MAAM,GAAG,GAAG,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACpC,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAC1C,MAAM,GAAG,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;IACvC,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;IAE/C,IAAI,KAAK,GAAG,IAAI,CAAC;IACjB,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;QAC1B,KAAK,GAAG,IAAI,CAAA;kBACE,GAAG;KAChB,CAAC;IACJ,CAAC;SAAM,IAAI,GAAG,KAAK,KAAK,EAAE,CAAC;QACzB,OAAO,IAAI,CAAA;;mBAEI,GAAG,8GAA8G,CAAC;IACnI,CAAC;SAAM,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;QACjC,OAAO,IAAI,CAAA;;;;;qBAKM,GAAG;cACV,CAAC;IACb,CAAC;SAAM,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;QACjC,OAAO,IAAI,CAAA;;aAEF,GAAG;cACF,OAAO;;;4BAGO,GAAG,KAAK,GAAG;aAC1B,CAAC;IACZ,CAAC;SAAM,IAAI,OAAO,KAAK,KAAK,EAAE,CAAC;QAC7B,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACnC,MAAM,QAAQ,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;QACjC,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QACnC,MAAM,GAAG,GAAG,GAAG,GAAG,YAAY,IAAI,QAAQ,CAAC;QAE3C,OAAO,IAAI,CAAA;;;;;;;;kEAQmD,SAAS;YACrE,KAAK,YAAY,QAAQ,GAAG,KAAK,MAAM,SAAS;YAChD,KAAK,YAAY,QAAQ;YACzB,KAAK,sCAAsC,GAAG;eACrC,CAAC;IACd,CAAC;SAAM,CAAC;QACN,OAAO,IAAI,CAAA;0BACW,IAAI,CAAC,QAAQ;wBACf,GAAG;WAChB,CAAC;IACV,CAAC;IAED,OAAO,IAAI,CAAA,iBAAiB,KAAK,QAAQ,CAAC;AAC5C,CAAC,CAAC","sourcesContent":["import { html, TemplateResult } from 'lit';\nimport { Msg, ObjectReference, User } from '../interfaces';\nimport { Icon } from '../vectoricon';\n\nexport interface EventGroup {\n  type: string;\n  events: ContactEvent[];\n  open: boolean;\n}\n\nexport interface ContactEvent {\n  type: string;\n  created_on: string;\n  created_by?: User;\n}\n\nexport interface ChannelEvent extends ContactEvent {\n  channel_event_type: string;\n  duration: number;\n\n  event: {\n    type: string;\n    channel: { uuid: string; name: string };\n    duration?: number;\n    optin?: {\n      uuid: string;\n      name: string;\n    };\n  };\n}\n\nexport interface ContactLanguageChangedEvent extends ContactEvent {\n  language: string;\n  step_uuid: string;\n  session_uuid: string;\n}\n\nexport interface OptinRequestedEvent extends ContactEvent {\n  optin: {\n    uuid: string;\n    name: string;\n  };\n}\n\nexport interface MsgEvent extends ContactEvent {\n  msg: Msg;\n  status: string;\n  failed_reason?: string;\n  failed_reason_display?: string;\n  logs_url: string;\n  msg_type: string;\n  recipient_count?: number;\n  created_by?: User;\n  optin?: ObjectReference;\n}\n\nexport interface FlowEvent extends ContactEvent {\n  flow: ObjectReference;\n  status: string;\n}\n\nexport interface EmailSentEvent extends ContactEvent {\n  to: string[];\n  subject: string;\n  body: string;\n}\n\nexport interface URNsChangedEvent extends ContactEvent {\n  urns: string[];\n}\n\nexport interface TicketEvent extends ContactEvent {\n  note?: string;\n  assignee?: User;\n  ticket: {\n    uuid: string;\n    topic?: ObjectReference;\n    closed_on?: string;\n    opened_on?: string;\n  };\n  topic?: ObjectReference;\n  created_by?: User;\n}\n\nexport interface LabelsAddedEvent extends ContactEvent {\n  labels: ObjectReference[];\n}\n\nexport interface NameChangedEvent extends ContactEvent {\n  name: string;\n}\n\nexport interface UpdateFieldEvent extends ContactEvent {\n  field: { key: string; name: string };\n  value: { text: string };\n}\n\nexport interface ErrorMessageEvent extends ContactEvent {\n  text: string;\n}\n\nexport interface UpdateResultEvent extends ContactEvent {\n  name: string;\n  value: string;\n  category: string;\n  input: string;\n}\n\nexport interface ContactGroupsEvent extends ContactEvent {\n  groups_added: ObjectReference[];\n  groups_removed: ObjectReference[];\n}\n\nexport interface WebhookEvent extends ContactEvent {\n  status: string;\n  status_code: number;\n  elapsed_ms: number;\n  logs_url: string;\n  url: string;\n}\n\nexport interface AirtimeTransferredEvent extends ContactEvent {\n  sender: string;\n  recipient: string;\n  currency: string;\n  desired_amount: string;\n  actual_amount: string;\n  logs_url: string;\n}\n\nexport type CallStartedEvent = ContactEvent;\nexport interface CampaignFiredEvent extends ContactEvent {\n  campaign: { uuid: string; id: number; name: string };\n  campaign_event: {\n    id: number;\n    offset_display: string;\n    relative_to: { key: string; name: string };\n  };\n  fired_result: string;\n}\n\nexport interface ContactHistoryPage {\n  has_older: boolean;\n  recent_only: boolean;\n  next_before: number;\n  next_after: number;\n  start_date: Date;\n  events: ContactEvent[];\n}\n\nexport const renderAttachment = (attachment: string): TemplateResult => {\n  const idx = attachment.indexOf(':');\n  const attType = attachment.substr(0, idx);\n  const url = attachment.substr(idx + 1);\n  const [mediaType, ext] = attType.split('/', 2);\n\n  let inner = null;\n  if (mediaType === 'image') {\n    inner = html`\n      <img src=\"${url}\" style=\"height:auto;width:100%;display:block;\" />\n    `;\n  } else if (ext === 'pdf') {\n    return html`<div\n      style=\"width:100%;height:300px;border-radius:calc(var(--curvature) * 2.5);box-shadow:0px 0px 12px 0px rgba(0,0,0,.1), 0px 0px 2px 0px rgba(0,0,0,.15);overflow:hidden\"\n    ><embed src=\"${url}#view=Fit\" type=\"application/pdf\" frameBorder=\"0\" scrolling=\"auto\" height=\"100%\" width=\"100%\"></embed></div>`;\n  } else if (mediaType === 'video') {\n    return html`<video\n      style=\"border-radius:var(--curvature);box-shadow:0px 0px 12px 0px rgba(0,0,0,.1), 0px 0px 2px 0px rgba(0,0,0,.15);max-width:400px\"\n      height=\"auto\"\n      controls\n    >\n      <source src=\"${url}\" type=\"video/mp4\" />\n    </video> `;\n  } else if (mediaType === 'audio') {\n    return html`<audio\n      style=\"border-radius: 99px; box-shadow:0px 0px 12px 0px rgba(0,0,0,.1), 0px 0px 2px 0px rgba(0,0,0,.15);\"\n      src=\"${url}\"\n      type=\"${attType}\"\n      controls\n    >\n      <a target=\"_\" href=\"${url}\">${url}</a>\n    </audio>`;\n  } else if (attType === 'geo') {\n    const [lat, long] = url.split(',');\n    const latFloat = parseFloat(lat);\n    const longFloat = parseFloat(long);\n    const geo = `${lat}000000%2C${long}000000`;\n\n    return html` <iframe\n      style=\"border-radius: var(--curvature);box-shadow:0px 0px 12px 0px rgba(0,0,0,.1), 0px 0px 2px 0px rgba(0,0,0,.15);\"\n      width=\"300\"\n      height=\"300\"\n      frameborder=\"0\"\n      scrolling=\"no\"\n      marginheight=\"0\"\n      marginwidth=\"0\"\n      src=\"https://www.openstreetmap.org/export/embed.html?bbox=${longFloat -\n      0.005}000000%2C${latFloat - 0.005}%2C${longFloat +\n      0.005}000000%2C${latFloat +\n      0.005}000000&amp;layer=mapnik&amp;marker=${geo}\"\n    ></iframe>`;\n  } else {\n    return html`<div style=\"display:flex\">\n      <temba-icon name=\"${Icon.download}\"></temba-icon>\n      <div>Attachment ${ext}</div>\n    </div>`;\n  }\n\n  return html`<div style=\"\">${inner}</div>`;\n};\n"]}

package/out-tsc/src/contacts/helpers.js

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

package/out-tsc/src/contacts/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/contacts/helpers.ts"],"names":[],"mappings":"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","sourcesContent":["import { Contact, NamedUser, User } from '../interfaces';\nimport { Store } from '../store/Store';\nimport { fetchResults, getUrl, postUrl, WebResponse } from '../utils';\nimport { ContactHistoryPage } from './events';\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\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};\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};\n\nlet pendingRequests: AbortController[] = [];\n\nexport const fetchContactHistory = (\n  reset: boolean,\n  endpoint: string,\n  ticket: string,\n  before: number = undefined,\n  after: number = undefined\n): Promise<ContactHistoryPage> => {\n  if (reset) {\n    pendingRequests.forEach((controller) => {\n      controller.abort();\n    });\n    pendingRequests = [];\n  }\n\n  return new Promise<ContactHistoryPage>((resolve) => {\n    const controller = new AbortController();\n    pendingRequests.push(controller);\n\n    let url = endpoint;\n    if (before) {\n      url += `&before=${before}`;\n    }\n\n    if (after) {\n      url += `&after=${after}`;\n    }\n\n    if (ticket) {\n      url += `&ticket=${ticket}`;\n    }\n\n    const store = document.querySelector('temba-store') as Store;\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        const page = response.json as ContactHistoryPage;\n        store.resolveUsers(page.events, ['created_by']).then(() => {\n          resolve(page);\n        });\n      })\n      .catch(() => {\n        // canceled\n      });\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};\n"]}

package/out-tsc/src/contactsearch/ContactSearch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContactSearch.js","sourceRoot":"","sources":["../../../src/contactsearch/ContactSearch.ts"],"names":[],"mappings":";AAAA,OAAO,EAAkB,IAAI,EAAE,GAAG,EAAoB,MAAM,KAAK,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAe,MAAM,UAAU,CAAC;AAExE,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAW,eAAe,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAIpC,MAAM,YAAY,GAAG,IAAI,CAAC;AAY1B,MAAM,OAAO,aAAc,SAAQ,WAAW;IAA9C;;QAiOE,gBAAW,GAAG,EAAE,CAAC;QAGjB,SAAI,GAAG,EAAE,CAAC;QAGV,UAAK,GAAG,EAAE,CAAC;QAGX,sBAAiB,GAAG,IAAI,CAAC;QAGzB,iBAAY,GAAG,EAAE,CAAC;QASlB,eAAU,GAAiB,EAAE,CAAC;QAG9B,aAAQ,GAAG,KAAK,CAAC;QAGjB,eAAU,GAAG,GAAG,CAAC;QAcV,eAAU,GAAG,EAAE,CAAC;QAGf,gBAAW,GAAG,KAAK,CAAC;IAgY9B,CAAC;IA5oBC,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyMT,CAAC;IACJ,CAAC;IAkDM,OAAO;QACZ,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAChD,IAAI,CAAC,UAAU,GAAG,YAAY,GAAG,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC;QACxD,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;QACxE,CAAC;IACH,CAAC;IAQM,YAAY,CACjB,OAA0D;QAE1D,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC;IAEM,OAAO,CAAC,iBAAmC;QAChD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QAEjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC;YACxC,IAAI,CAAC,uBAAuB,EAAE,CAAC;QACjC,CAAC;QAED,+EAA+E;QAC/E,IAAI,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YAC1D,OAAO,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;YACpC,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;QACnC,CAAC;QAED,IACE,CAAC,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC;YACjD,CAAC,iBAAiB,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,UAAU,KAAK,GAAG,CAAC,EAChE,CAAC;YACD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,oBAAoB;YACpB,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;YACtE,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACnB,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;gBACpC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACxB,CAAC;YAED,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC/D,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;gBACrB,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;oBACtC,IAAI,CAAC,YAAY,EAAE,CAAC;gBACtB,CAAC,EAAE,YAAY,CAAC,CAAC;YACnB,CAAC;QACH,CAAC;IACH,CAAC;IAEM,YAAY;QACjB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU;iBAChC,MAAM,CAAC,CAAC,KAAiB,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC;iBACrD,GAAG,CAAC,CAAC,KAAiB,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YAExC,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU;iBAClC,MAAM,CAAC,CAAC,KAAiB,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC;iBACvD,GAAG,CAAC,CAAC,KAAiB,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YAExC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE;gBACtB,OAAO,EAAE,IAAI,CAAC,QAAQ;oBACpB,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;oBACvB,CAAC,CAAC,EAAE,aAAa,EAAE,WAAW,EAAE;gBAElC,OAAO,EAAE,IAAI,CAAC,UAAU;aACzB,CAAC,CAAC,IAAI,CAAC,CAAC,QAAqB,EAAE,EAAE;gBAChC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;gBACtB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;gBACxB,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;oBAClD,OAAO;gBACT,CAAC;gBACD,IAAI,QAAQ,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;oBAC5B,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAuB,CAAC;oBAChD,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;wBACnB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;oBAClC,CAAC;oBACD,IAAI,CAAC,QAAQ,CAAC;wBACZ,QAAQ,EAAE,IAAI,CAAC,QAAQ;wBACvB,KAAK,EAAE,IAAI,CAAC,KAAK;wBACjB,UAAU,EAAE,IAAI,CAAC,UAAU;wBAC3B,UAAU,EAAE,IAAI,CAAC,UAAU;qBAC5B,CAAC,CAAC;oBAEH,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;wBACvB,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;oBACrC,CAAC;yBAAM,CAAC;wBACN,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;oBACnB,CAAC;oBACD,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;oBAC7B,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;gBACrE,CAAC;qBAAM,CAAC;oBACN,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAuB,CAAC;oBAChD,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;wBACvB,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;oBACrC,CAAC;oBACD,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;oBAC7B,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;gBACrE,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAEO,oBAAoB,CAAC,GAAe;QAC1C,SAAS,CAAC,GAAG,CAAC,CAAC;QACf,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;QACrB,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;QACrB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;YAChB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QACpB,CAAC;QACD,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAE/B,IAAI,CAAC,QAAQ,CAAC;YACZ,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,UAAU,EAAE,IAAI,CAAC,UAAU;SAC5B,CAAC,CAAC;IACL,CAAC;IAEO,iBAAiB,CAAC,GAAkB;QAC1C,MAAM,KAAK,GAAG,GAAG,CAAC,MAAmB,CAAC;QACtC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC;IACxC,CAAC;IAEO,uBAAuB;QAC7B,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,UAAU,KAAK,GAAG,IAAI,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC;YACrE,IAAI,CAAC,OAAO,EAAE,CAAC;QACjB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAC1B,CAAC;IACH,CAAC;IAEO,0BAA0B,CAAC,GAAQ;QACzC,MAAM,MAAM,GAAG,GAAG,CAAC,MAAqB,CAAC;QACzC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QAChC,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,IAAI,CAAC,UAAU,CAAC,qBAAqB,CAAC,EAAE,CAAC;gBAC3C,IAAI,CAAC,UAAU,CAAC,qBAAqB,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAChE,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,CAAC;QACH,CAAC;IACH,CAAC;IAEO,0BAA0B,CAAC,GAAQ;QACzC,IACE,GAAG,CAAC,MAAM;YACV,GAAG,CAAC,MAAM,CAAC,OAAO,KAAK,gBAAgB;YACvC,GAAG,CAAC,MAAM,CAAC,OAAO,KAAK,cAAc;YACrC,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,EACpB,CAAC;YACD,MAAM,QAAQ,GAAG,GAAG,CAAC,aAAa,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;YACnE,QAAQ,CAAC,OAAO,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC;QACvC,CAAC;IACH,CAAC;IAEO,sBAAsB,CAAC,GAAQ;QACrC,IAAI,GAAG,CAAC,MAAM,CAAC,OAAO,KAAK,gBAAgB,EAAE,CAAC;YAC5C,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAC3C,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAkB,CAAC;YACxC,IAAI,KAAK,GAAG,QAAQ,CAAC,OAAc,CAAC;YAEpC,qEAAqE;YACrE,IAAI,QAAQ,CAAC,IAAI,KAAK,qBAAqB,IAAI,KAAK,EAAE,CAAC;gBACrD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,aAAa,CACjD,cAAc,CACA,CAAC;gBACjB,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;oBACrB,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;gBAC3C,CAAC;qBAAM,CAAC;oBACN,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACzC,CAAC;YACH,CAAC;YAED,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,OAAO,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YACxC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;YACzC,CAAC;YAED,IAAI,EAAE,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAC5D,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,CAAC;QACH,CAAC;IACH,CAAC;IAEM,MAAM;QACX,IAAI,OAAuB,CAAC;QAC5B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;gBACxB,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,CAAC;gBAEtC,OAAO,GAAG,IAAI,CAAA;;;;;;uCAMiB,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;;gBAE7D,KAAK,CAAC,cAAc,EAAE;;qBAEjB,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;;;;;;;qBAOtB,IAAI,CAAC,oBAAoB;;;;kBAI5B,IAAI,CAAC,QAAQ;oBACb,CAAC,CAAC,IAAI,CAAA;;;;iCAIS;oBACf,CAAC,CAAC,IAAI,CAAA;;;;iCAIS;;;;SAIxB,CAAC;YACJ,CAAC;QACH,CAAC;QAED,MAAM,gBAAgB,GAAG,IAAI,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;QAChE,IAAI,QAAQ,GAAG,IAAI,CAAC;QAEpB,IACE,IAAI,CAAC,OAAO;YACZ,IAAI,CAAC,OAAO,CAAC,QAAQ;YACrB,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAChC,CAAC;YACD,QAAQ,GAAG,IAAI,CAAA,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CACzC,CAAC,KAAK,EAAE,EAAE,CACR,IAAI,CAAA,8BAA8B,UAAU,CAAC,KAAK,CAAC,gBAAgB,CACtE,EAAE,CAAC;QACN,CAAC;QAED,OAAO,IAAI,CAAA;QAEP,IAAI,CAAC,QAAQ;YACX,CAAC,CAAC,IAAI,CAAA;;yBAES,IAAI,CAAC,KAAK;4BACP,IAAI,CAAC,QAAQ;8BACX,IAAI,CAAC,UAAU;0BACnB,IAAI,CAAC,MAAM;uBACd,IAAI,CAAC,IAAI;6BACH,IAAI;yBACR,IAAI,CAAC,iBAAiB;8BACjB,IAAI,CAAC,WAAW;yBACrB,IAAI,CAAC,KAAK;;;;;mBAKhB;YACT,CAAC,CAAC,IAAI,CAAA;;;;;;;0BAOU,IAAI,CAAC,MAAM;;;0BAGX,IAAI,CAAC,UAAU;;0BAEf,IAAI,CAAC,uBAAuB;;;;gBAItC,IAAI,CAAC,mBAAmB;gBAC1B,IAAI,CAAC,SAAS;gBACd,IAAI,CAAC,kBAAkB;gBACrB,CAAC,CAAC,IAAI,CAAA;;;;;;;;;;wBAUE,IAAI,CAAC,SAAS;oBACd,CAAC,CAAC,IAAI,CAAA;;qCAEO,GAAG,CAAC,6BAA6B,CAAC;uCAChC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC;sCAC7B,IAAI,CAAC,sBAAsB;6CACpB;oBACrB,CAAC,CAAC,IAAI;wBACN,IAAI,CAAC,mBAAmB;oBACxB,CAAC,CAAC,IAAI,CAAA;;;uCAGS,IAAI,CAAC,0BAA0B;;;;;2CAK3B,gBAAgB;0CACjB,IAAI,CAAC,sBAAsB;;;;;kCAKnC,GAAG,CAAC,iCAAiC,CAAC;;;;;;0CAM9B,IAAI,CAAC,0BAA0B;4CAC7B,CAAC,gBAAgB;;;;;8CAKf,gBAAgB,KAAK,EAAE;;;;;8CAKvB,gBAAgB,KAAK,GAAG;;;;;8CAKxB,gBAAgB,KAAK,GAAG;;;;;2BAK3C;oBACH,CAAC,CAAC,IAAI;wBACN,IAAI,CAAC,kBAAkB;oBACvB,CAAC,CAAC,IAAI,CAAA;;qCAEO,GAAG,CACV,gDAAgD,CACjD;uCACU,IAAI,CAAC,UAAU,CAAC,oBAAoB,CAAC;sCACtC,IAAI,CAAC,sBAAsB;6CACpB;oBACrB,CAAC,CAAC,IAAI;;mBAEX;gBACH,CAAC,CAAC,IAAI,GAChB;;;yBAGmB,UAAU,CAAC;YAC1B,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,QAAQ;YAC9C,KAAK,EACH,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;gBACvD,CAAC,IAAI,CAAC,QAAQ;SACjB,CAAC;;;8BAGoB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,OAAO;;QAEjE,QAAQ;QAER,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ;YAChD,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CACvB,CAAC,OAAO,EAAE,EAAE,CACV,IAAI,CAAA;qBACC,UAAU,CAAC,OAAO,CAAC;kBACtB,CACL;YACH,CAAC,CAAC,EACN;;;KAGD,CAAC;IACJ,CAAC;CACF;AA9bC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gDACT;AAGnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yDACA;AAG5B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0DACC;AAG7B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CACV;AAGlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CACV;AAGlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACV;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDACV;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAChB;AAGX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wDACF;AAGzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDACT;AAGlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;8CACpB;AAGzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;2CACnC;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;iDACI;AAG9B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CACX;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDACV;AAcV;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDACJ","sourcesContent":["import { TemplateResult, html, css, PropertyValueMap } from 'lit';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport { property } from 'lit/decorators.js';\nimport { getClasses, postJSON, stopEvent, WebResponse } from '../utils';\nimport { TextInput } from '../textinput/TextInput';\nimport '../alert/Alert';\nimport { Contact, CustomEventType } from '../interfaces';\nimport { FormElement } from '../FormElement';\nimport { Checkbox } from '../checkbox/Checkbox';\nimport { msg } from '@lit/localize';\nimport { OmniOption } from '../omnibox/Omnibox';\nimport { Select } from '../select/Select';\n\nconst QUEIT_MILLIS = 2000;\n\ninterface SummaryResponse {\n  total: number;\n  sample: Contact[];\n  query: string;\n  fields: { [uuid: string]: { label: string; type: string } };\n  error?: string;\n  warnings: string[];\n  blockers: string[];\n}\n\nexport class ContactSearch extends FormElement {\n  static get styles() {\n    return css`\n      :host {\n        color: var(--color-text);\n      }\n\n      .urn {\n        width: 120px;\n      }\n\n      .name {\n        width: 160px;\n      }\n\n      .date {\n        text-align: right;\n      }\n\n      .field-header {\n        font-size: 80%;\n        color: var(--color-text-dark);\n      }\n\n      .field-header.date {\n        text-align: right;\n      }\n\n      .more {\n        font-size: 90%;\n        padding-top: 5px;\n        padding-right: 3px;\n        text-align: right;\n        width: 100px;\n        vertical-align: top;\n      }\n\n      table {\n        width: 100%;\n      }\n\n      .contact td {\n        border-bottom: 1px solid var(--color-borders);\n        padding: 5px 3px;\n      }\n\n      .table-footer td {\n        padding: 10px 3px;\n      }\n\n      .query-replaced,\n      .count-replaced {\n        display: inline-block;\n        background: var(--color-primary-light);\n        color: var(--color-text-dark);\n        padding: 3px 6px;\n        border-radius: var(--curvature);\n        font-size: 85%;\n        margin: 0px 3px;\n      }\n\n      temba-loading {\n        transform: scale(0);\n        max-width: 0;\n        opacity: 0;\n        transition: transform 200ms ease-in-out;\n      }\n\n      .fetching temba-loading {\n        transform: scale(1);\n        max-width: 500px;\n        opacity: 1;\n        display: block;\n      }\n\n      .error {\n        margin-top: 10px;\n      }\n\n      .match-count {\n        padding: 4px;\n        margin-top: 6px;\n      }\n\n      .linked {\n        color: var(--color-link-primary);\n        text-decoration: none;\n        cursor: pointer;\n      }\n\n      .header td {\n        border-bottom: 0px solid var(--color-borders);\n        padding: 5px 3px;\n      }\n\n      .expanded .header td {\n        border-bottom: 2px solid var(--color-borders);\n      }\n\n      td.field-header,\n      tr.table-footer,\n      tr.contact {\n        display: none;\n      }\n\n      .expanded td.field-header {\n        display: table-cell;\n      }\n\n      .expanded tr.contact,\n      .expanded tr.table-footer {\n        display: table-row;\n      }\n\n      .query {\n        display: var(--contact-search-query-display);\n        margin-bottom: 10px;\n      }\n\n      .results {\n        display: none;\n      }\n\n      .summary {\n        min-height: 2.2em;\n        display: flex;\n        flex-grow: 1;\n        align-items: center;\n      }\n\n      .summary .result-count {\n        flex-grow: 1;\n      }\n\n      .results.empty {\n        display: none !important;\n      }\n\n      .results.initialized {\n        display: flex;\n        align-items: center;\n        margin-top: 0.5em;\n        margin-left: 0.6em;\n      }\n\n      .advanced-icon {\n        cursor: pointer;\n        margin-right: 0.5em;\n      }\n\n      .query .advanced-icon {\n        margin-top: 1em;\n        margin-right: 1em;\n      }\n\n      .advanced-icon:hover {\n        --icon-color: var(--color-link-primary-hover) !important;\n      }\n\n      .query {\n        --textarea-height: 5em;\n      }\n\n      #recipients {\n        margin-bottom: 1em;\n        display: block;\n      }\n\n      temba-alert {\n        margin: 1em 0;\n      }\n\n      temba-select[name='not_seen_since_days'] {\n        margin-bottom: 1em;\n        display: block;\n      }\n\n      .activity-select {\n        display: flex;\n        align-items: center;\n        padding: var(--checkbox-padding, 10px);\n        border-radius: var(--curvature);\n        cursor: pointer;\n      }\n\n      .activity-select:hover {\n        background: #f9f9f9;\n      }\n\n      .small-select {\n        --temba-select-selected-padding: 0px 0.5em;\n        --temba-select-selected-line-height: 1em;\n        --temba-select-selected-font-size: 1em;\n        --search-input-height: 0px !important;\n        --temba-select-min-height: 1.8em;\n        min-width: 100px;\n      }\n\n      .filters {\n        padding: 1em;\n        border: 1px solid var(--color-borders);\n        border-radius: var(--curvature);\n      }\n    `;\n  }\n\n  @property({ type: Boolean })\n  in_a_flow: boolean;\n\n  @property({ type: Boolean })\n  started_previously: boolean;\n\n  @property({ type: Boolean })\n  not_seen_since_days: boolean;\n\n  @property({ type: Boolean })\n  fetching: boolean;\n\n  @property({ type: Boolean })\n  expanded: boolean;\n\n  @property({ type: String })\n  endpoint: string;\n\n  @property({ type: String })\n  placeholder = '';\n\n  @property({ type: String })\n  name = '';\n\n  @property({ type: String })\n  query = '';\n\n  @property({ type: Number })\n  inactiveThreshold = 1000;\n\n  @property({ type: Number })\n  inactiveDays = 90;\n\n  @property({ type: Object, attribute: false })\n  summary: SummaryResponse;\n\n  @property({ type: Object, attribute: false })\n  flow: any;\n\n  @property({ type: Array })\n  recipients: OmniOption[] = [];\n\n  @property({ type: Boolean })\n  advanced = false;\n\n  @property({ type: String })\n  refreshKey = '0';\n\n  public refresh(): void {\n    if (this.advanced || this.recipients.length > 0) {\n      this.refreshKey = 'requested_' + new Date().getTime();\n    } else {\n      this.summary = null;\n      this.fetching = false;\n      this.requestUpdate();\n      this.fireCustomEvent(CustomEventType.ContentChanged, { reset: true });\n    }\n  }\n\n  @property({ type: Object })\n  public exclusions = {};\n\n  private lastQuery: number;\n  private initialized = false;\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>) {\n    super.updated(changedProperties);\n\n    if (changedProperties.has('recipients')) {\n      this.handleRecipientsChanged();\n    }\n\n    // if we remove the in_a_flow option, make sure it's not part of our exclusions\n    if (changedProperties.has('in_a_flow') && !this.in_a_flow) {\n      delete this.exclusions['in_a_flow'];\n      this.requestUpdate('exclusions');\n    }\n\n    if (\n      (changedProperties.has('query') && this.advanced) ||\n      (changedProperties.has('refreshKey') && this.refreshKey !== '0')\n    ) {\n      this.summary = null;\n      // this.errors = [];\n      this.fireCustomEvent(CustomEventType.ContentChanged, { reset: true });\n      if (this.lastQuery) {\n        window.clearTimeout(this.lastQuery);\n        this.fetching = false;\n      }\n\n      if (this.query.trim().length > 0 || this.recipients.length > 0) {\n        this.fetching = true;\n        this.lastQuery = window.setTimeout(() => {\n          this.fetchSummary();\n        }, QUEIT_MILLIS);\n      }\n    }\n  }\n\n  public fetchSummary(): any {\n    if (this.endpoint) {\n      const group_uuids = this.recipients\n        .filter((value: OmniOption) => value.type === 'group')\n        .map((value: OmniOption) => value.id);\n\n      const contact_uuids = this.recipients\n        .filter((value: OmniOption) => value.type === 'contact')\n        .map((value: OmniOption) => value.id);\n\n      postJSON(this.endpoint, {\n        include: this.advanced\n          ? { query: this.query }\n          : { contact_uuids, group_uuids },\n\n        exclude: this.exclusions\n      }).then((response: WebResponse) => {\n        this.fetching = false;\n        this.initialized = true;\n        if (this.recipients.length == 0 && !this.advanced) {\n          return;\n        }\n        if (response.status === 200) {\n          this.summary = response.json as SummaryResponse;\n          if (!this.advanced) {\n            this.query = this.summary.query;\n          }\n          this.setValue({\n            advanced: this.advanced,\n            query: this.query,\n            exclusions: this.exclusions,\n            recipients: this.recipients\n          });\n\n          if (this.summary.error) {\n            this.errors = [this.summary.error];\n          } else {\n            this.errors = [];\n          }\n          this.requestUpdate('errors');\n          this.fireCustomEvent(CustomEventType.ContentChanged, this.summary);\n        } else {\n          this.summary = response.json as SummaryResponse;\n          if (this.summary.error) {\n            this.errors = [this.summary.error];\n          }\n          this.requestUpdate('errors');\n          this.fireCustomEvent(CustomEventType.ContentChanged, this.summary);\n        }\n      });\n    }\n  }\n\n  private handleAdvancedToggle(evt: MouseEvent) {\n    stopEvent(evt);\n    this.recipients = [];\n    this.exclusions = {};\n    if (this.advanced) {\n      this.query = '';\n      this.value = null;\n    }\n    this.advanced = !this.advanced;\n\n    this.setValue({\n      advanced: this.advanced,\n      query: this.query,\n      exclusions: this.exclusions,\n      recipients: this.recipients\n    });\n  }\n\n  private handleQueryChange(evt: KeyboardEvent) {\n    const input = evt.target as TextInput;\n    this.query = input.inputElement.value;\n  }\n\n  private handleRecipientsChanged() {\n    if (!this.endpoint) {\n      return;\n    }\n\n    if (this.recipients && (this.refreshKey !== '0' || this.initialized)) {\n      this.refresh();\n    } else {\n      this.initialized = true;\n    }\n  }\n\n  private handleActivityLevelChanged(evt: any) {\n    const select = evt.target as Select<any>;\n    const option = select.values[0];\n    if (option) {\n      if (this.exclusions['not_seen_since_days']) {\n        this.exclusions['not_seen_since_days'] = parseInt(option.value);\n        this.refresh();\n      }\n    }\n  }\n\n  private handleActivityLabelClicked(evt: any) {\n    if (\n      evt.target &&\n      evt.target.tagName !== 'TEMBA-CHECKBOX' &&\n      evt.target.tagName !== 'TEMBA-SELECT' &&\n      !evt.target.disabled\n    ) {\n      const checkbox = evt.currentTarget.querySelector('temba-checkbox');\n      checkbox.checked = !checkbox.checked;\n    }\n  }\n\n  private handleExclusionChanged(evt: any) {\n    if (evt.target.tagName === 'TEMBA-CHECKBOX') {\n      const ex = JSON.stringify(this.exclusions);\n      const checkbox = evt.target as Checkbox;\n      let value = checkbox.checked as any;\n\n      // if we check the activity box, look inside the select for the value\n      if (checkbox.name === 'not_seen_since_days' && value) {\n        const select = checkbox.parentElement.querySelector(\n          'temba-select'\n        ) as Select<any>;\n        if (select.values[0]) {\n          value = parseInt(select.values[0].value);\n        } else {\n          value = this.exclusions[checkbox.name];\n        }\n      }\n\n      if (!value) {\n        delete this.exclusions[checkbox.name];\n      } else {\n        this.exclusions[checkbox.name] = value;\n      }\n\n      if (ex !== JSON.stringify(this.exclusions) && this.endpoint) {\n        this.refresh();\n      }\n    }\n  }\n\n  public render(): TemplateResult {\n    let summary: TemplateResult;\n    if (this.summary) {\n      if (!this.summary.error) {\n        const count = this.summary.total || 0;\n\n        summary = html`\n          <div class=\"result-count\">\n            Found\n            <a\n              class=\"linked\"\n              target=\"_\"\n              href=\"/contact/?search=${encodeURIComponent(this.summary.query)}\"\n            >\n              ${count.toLocaleString()}\n            </a>\n            contact${count !== 1 ? 's' : ''}\n          </div>\n          <temba-button\n            class=\"edit\"\n            name=\"edit\"\n            secondary\n            small\n            @click=${this.handleAdvancedToggle}\n          >\n            <div slot=\"name\">\n              <div style=\"display: flex; align-items: center;\">\n                ${this.advanced\n                  ? html` <temba-icon\n                        name=\"reset\"\n                        style=\"margin-right:0.5em\"\n                      ></temba-icon>\n                      Start Over`\n                  : html` <temba-icon\n                        name=\"edit\"\n                        style=\"margin-right:0.5em\"\n                      ></temba-icon>\n                      Edit Query`}\n              </div>\n            </div>\n          </temba-button>\n        `;\n      }\n    }\n\n    const notSeenSinceDays = this.exclusions['not_seen_since_days'];\n    let blockers = null;\n\n    if (\n      this.summary &&\n      this.summary.blockers &&\n      this.summary.blockers.length > 0\n    ) {\n      blockers = html`${this.summary.blockers.map(\n        (error) =>\n          html`<temba-alert level=\"error\">${unsafeHTML(error)}</temba-alert>`\n      )}`;\n    }\n\n    return html`\n      ${\n        this.advanced\n          ? html`<div class=\"query\">\n              <temba-textinput\n                .label=${this.label}\n                .helpText=${this.helpText}\n                .widgetOnly=${this.widgetOnly}\n                .errors=${this.errors}\n                name=${this.name}\n                .inputRoot=${this}\n                @input=${this.handleQueryChange}\n                placeholder=${this.placeholder}\n                .value=${this.query}\n                textarea\n                autogrow\n              >\n              </temba-textinput>\n            </div>`\n          : html`<temba-omnibox\n                placeholder=\"Search for contacts or groups\"\n                widget_only=\"\"\n                groups=\"\"\n                contacts=\"\"\n                label=\"Recipients\"\n                help_text=\"The contacts to send the message to.\"\n                .errors=${this.errors}\n                id=\"recipients\"\n                name=\"recipients\"\n                .values=${this.recipients}\n                endpoint=\"/contact/omnibox/?\"\n                @change=${this.handleRecipientsChanged}\n              >\n              </temba-omnibox>\n\n              ${this.not_seen_since_days ||\n              this.in_a_flow ||\n              this.started_previously\n                ? html`\n                    <div class=\"filters\">\n                      <div\n                        style=\"display:flex;font-size:1em;margin-bottom:0.5em\"\n                      >\n                        <temba-icon size=\"1\" name=\"filter\"></temba-icon>\n                        <div style=\"margin-left:0.5em\">\n                          Only include contacts who...\n                        </div>\n                      </div>\n                      ${this.in_a_flow\n                        ? html`<temba-checkbox\n                            name=\"in_a_flow\"\n                            label=\"${msg('Are not currently in a flow')}\"\n                            ?checked=${this.exclusions['in_a_flow']}\n                            @change=${this.handleExclusionChanged}\n                          ></temba-checkbox>`\n                        : null}\n                      ${this.not_seen_since_days\n                        ? html`\n                            <div\n                              class=\"activity-select\"\n                              @click=${this.handleActivityLabelClicked}\n                            >\n                              <temba-checkbox\n                                style=\"display:inline;\"\n                                name=\"not_seen_since_days\"\n                                ?checked=${notSeenSinceDays}\n                                @change=${this.handleExclusionChanged}\n                              >\n                              </temba-checkbox>\n\n                              <div style=\"margin-left:0.5em\">\n                                ${msg('Have sent a message in the last')}\n                              </div>\n\n                              <temba-select\n                                style=\"margin-left:0.5em\"\n                                class=\"small-select\"\n                                @change=${this.handleActivityLevelChanged}\n                                ?disabled=${!notSeenSinceDays}\n                              >\n                                <temba-option\n                                  name=\"90 days\"\n                                  value=\"90\"\n                                  ?selected=${notSeenSinceDays === 90}\n                                ></temba-option>\n                                <temba-option\n                                  name=\"180 days\"\n                                  value=\"180\"\n                                  ?selected=${notSeenSinceDays === 180}\n                                ></temba-option>\n                                <temba-option\n                                  name=\"Year\"\n                                  value=\"365\"\n                                  ?selected=${notSeenSinceDays === 365}\n                                ></temba-option>\n                              </temba-select>\n                              <div></div>\n                            </div>\n                          `\n                        : null}\n                      ${this.started_previously\n                        ? html`<temba-checkbox\n                            name=\"started_previously\"\n                            label=\"${msg(\n                              'Have not started this flow in the last 90 days'\n                            )}\"\n                            ?checked=${this.exclusions['started_previously']}\n                            @change=${this.handleExclusionChanged}\n                          ></temba-checkbox>`\n                        : null}\n                    </div>\n                  `\n                : null} `\n      }\n              </div>\n      <div\n        class=\"results ${getClasses({\n          fetching: this.fetching,\n          initialized: this.initialized || this.fetching,\n          empty:\n            ((this.summary && this.summary.error) || !this.summary) &&\n            !this.fetching\n        })}\"\n      >\n        <temba-loading units=\"6\" size=\"8\"></temba-loading>\n        <div class=\"summary ${this.expanded ? 'expanded' : ''}\">${summary}</div>\n      </div>\n      ${blockers}\n      ${\n        !blockers && this.summary && this.summary.warnings\n          ? this.summary.warnings.map(\n              (warning) =>\n                html`<temba-alert level=\"warning\"\n                  >${unsafeHTML(warning)}</temba-alert\n                >`\n            )\n          : ``\n      }\n\n\n    `;\n  }\n}\n"]}

package/out-tsc/src/date/TembaDate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TembaDate.js","sourceRoot":"","sources":["../../../src/date/TembaDate.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, PropertyValueMap, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { RapidElement } from '../RapidElement';\nimport { Store } from '../store/Store';\nimport { DateTime } from 'luxon';\n\nexport const Display = {\n  date: DateTime.DATE_SHORT,\n  datetime: DateTime.DATETIME_SHORT,\n  time: DateTime.TIME_SIMPLE,\n  timedate: 'timedate',\n  duration: 'duration',\n  relative: 'relative',\n  countdown: 'countdown',\n  day: 'LLL d'\n};\n\nexport class TembaDate extends RapidElement {\n  static get styles() {\n    return css`\n      .date {\n        display: inline;\n      }\n    `;\n  }\n\n  @property({ type: String })\n  value: string;\n\n  @property({ type: String })\n  display = 'date';\n\n  @property({ type: Object, attribute: false })\n  datetime: DateTime;\n\n  store: Store;\n\n  protected firstUpdated(\n    changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.firstUpdated(changedProperties);\n    this.store = document.querySelector('temba-store');\n  }\n\n  protected updated(\n    changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.updated(changedProperties);\n    if (changedProperties.has('value')) {\n      this.datetime = DateTime.fromISO(this.value);\n    }\n  }\n\n  public connectedCallback(): void {\n    super.connectedCallback();\n  }\n\n  public render(): TemplateResult {\n    if (this.datetime && this.store) {\n      this.datetime.setLocale(this.store.getLocale());\n\n      let formatted = '';\n      if (this.display === Display.timedate) {\n        const hours = Math.abs(\n          this.datetime.diffNow().milliseconds / 1000 / 60 / 60\n        );\n\n        const day = this.datetime.get('day');\n        if (hours < 24 && day == DateTime.now().get('day')) {\n          formatted = this.datetime.toLocaleString(Display.time);\n        } else if (hours < 24 * 365) {\n          formatted = this.datetime.toFormat(Display.day);\n        } else {\n          formatted = this.datetime.toLocaleString(Display.date);\n        }\n      } else if (this.display === Display.relative) {\n        const minutes = Math.abs(\n          this.datetime.diffNow().milliseconds / 1000 / 60\n        );\n        if (minutes < 1) {\n          return html`<span\n            class=\"date\"\n            title=\"${this.datetime.toLocaleString(Display.datetime)}\"\n            >just now</span\n          >`;\n        }\n\n        formatted = this.store.getShortDuration(this.datetime);\n      } else if (this.display === Display.duration) {\n        const minutes = Math.abs(\n          this.datetime.diffNow().milliseconds / 1000 / 60\n        );\n        if (minutes < 1) {\n          return html`<span\n            class=\"date\"\n            title=\"${this.datetime.toLocaleString(Display.datetime)}\"\n            >just now</span\n          >`;\n        }\n        formatted = this.store.getShortDuration(this.datetime);\n      } else if (this.display === Display.countdown) {\n        formatted = this.store.getCountdown(this.datetime);\n      } else if (this.display === Display.day) {\n        formatted = this.datetime.toLocaleString(Display.day);\n      } else {\n        formatted = this.datetime.toLocaleString(Display[this.display]);\n      }\n\n      return html`<span\n        class=\"date\"\n        title=\"${this.datetime.toLocaleString(Display.datetime)}\"\n        >${formatted}</span\n      >`;\n    }\n  }\n}\n"]}

package/out-tsc/src/datepicker/DatePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/datepicker/DatePicker.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html, css, PropertyValueMap } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { FormElement } from '../FormElement';\nimport { getClasses } from '../utils';\nimport { DateTime } from 'luxon';\n\nexport class DatePicker extends FormElement {\n  static get styles() {\n    return css`\n      :host {\n        display: block;\n      }\n\n      input {\n        width: inherit;\n      }\n\n      .container {\n        border-radius: var(--curvature);\n        border: 1px solid var(--color-widget-border);\n        display: flex;\n        cursor: pointer;\n        box-shadow: var(--widget-box-shadow);\n        flex-wrap: wrap;\n        overflow: hidden;\n      }\n\n      .input-wrapper {\n        padding: var(--temba-textinput-padding);\n        flex-grow: 1;\n      }\n\n      .tz {\n        margin-left: 0.5em;\n        font-size: 0.8em;\n        flex-direction: column;\n        align-self: stretch;\n        color: #888;\n        display: flex;\n        align-items: flex-start;\n        flex-direction: column;\n        padding: 0em 1em;\n        font-weight: 400;\n        cursor: pointer;\n        margin: auto 0;\n      }\n\n      .tz .label {\n        font-size: 0.8em;\n        color: #aaa;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n      }\n\n      .tz .zone {\n        white-space: nowrap;\n        text-overflow: ellipsis;\n      }\n\n      .tz-wrapper {\n        background: #efefef;\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        padding: 0.4em 0em;\n      }\n\n      .container:focus-within {\n        border-color: var(--color-focus);\n        background: var(--color-widget-bg-focused);\n        box-shadow: var(--widget-box-shadow-focused);\n      }\n\n      input {\n        color: var(--color-widget-text);\n        border: 0px;\n        font-family: var(--font-family);\n        outline: none;\n        width: 100%;\n        font-size: 13px;\n        padding: 0px;\n        margin: 0px;\n        line-height: 1em;\n      }\n\n      input.unset {\n        color: #ddd;\n      }\n\n      input.unset:focus {\n        color: var(--color-widget-text);\n      }\n\n      input:focus {\n        outline: none;\n      }\n\n      .disabled ::-webkit-calendar-picker-indicator {\n        display: none;\n      }\n\n      .disabled .tz-wrapper {\n        border-radius: var(--curvature);\n      }\n\n      ::-webkit-calendar-picker-indicator {\n        background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"15\" viewBox=\"0 0 24 24\"><path fill=\"%23bbbbbb\" d=\"M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z\"/></svg>');\n        cursor: pointer;\n        margin: 0;\n        padding: 0;\n      }\n\n      ::-webkit-calendar-picker-indicator:hover {\n        background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"15\" viewBox=\"0 0 24 24\"><path fill=\"%23777777\" d=\"M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z\"/></svg>');\n        cursor: pointer;\n        margin: 0;\n        padding: 0;\n      }\n    `;\n  }\n\n  @property({ type: String })\n  timezone = '';\n\n  @property({ type: String })\n  timezoneFriendly = '';\n\n  @property({ type: Object })\n  datetime = null;\n\n  @property({ type: Boolean })\n  time = false;\n\n  @property({ type: String })\n  min = '';\n\n  @property({ type: String })\n  max = '';\n\n  /** we just return the value since it should be a string */\n  public serializeValue(value: any): string {\n    return value;\n  }\n\n  public constructor() {\n    super();\n  }\n\n  protected firstUpdated(\n    changed: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    if (changed.has('value')) {\n      // default to the local browser zone\n      if (this.time) {\n        this.timezone =\n          this.timezone || Intl.DateTimeFormat().resolvedOptions().timeZone;\n        this.timezoneFriendly = this.timezone\n          .replace('_', ' ')\n          .replace('/', ', ');\n\n        if (this.value) {\n          // we fire a change event on blur\n          let datetime = DateTime.fromSQL(this.value).setZone(this.timezone);\n          // if we can't read it as a sql stamp, try iso\n          if (datetime.invalid) {\n            datetime = DateTime.fromISO(this.value).setZone(this.timezone);\n          }\n          this.datetime = datetime;\n          this.value = this.datetime.toUTC().toISO();\n        }\n      } else {\n        this.datetime = DateTime.fromSQL(this.value);\n        this.value = this.datetime.toISODate();\n      }\n    }\n  }\n\n  public updated(changed: Map<string, any>): void {\n    super.updated(changed);\n    if (changed.has('timezone') && this.time) {\n      this.timezone =\n        this.timezone || Intl.DateTimeFormat().resolvedOptions().timeZone;\n      this.timezoneFriendly = this.timezone\n        .replace('_', ' ')\n        .replace('/', ', ');\n      this.requestUpdate('value');\n    }\n  }\n\n  public handleChange(event) {\n    event.preventDefault();\n    event.stopPropagation();\n    if (this.time) {\n      this.datetime = DateTime.fromISO(event.target.value, {\n        zone: this.timezone\n      });\n      this.value = this.datetime.toUTC().toISO();\n    } else {\n      this.value = event.target.value;\n    }\n    this.fireEvent('change');\n  }\n\n  public handleClicked() {\n    this.shadowRoot.querySelector('input').focus();\n  }\n\n  public render(): TemplateResult {\n    const classes = getClasses({ unset: !this.value });\n\n    let dateWidgetValue = null;\n    if (this.time && this.datetime && !this.datetime.invalid) {\n      dateWidgetValue = this.datetime.toFormat(\"yyyy-LL-dd'T'HH:mm\");\n    } else if (!this.time) {\n      dateWidgetValue = this.value;\n    }\n\n    return html`\n      <temba-field\n        class=${getClasses({ disabled: this.disabled })}\n        name=${this.name}\n        .label=\"${this.label}\"\n        .helpText=\"${this.helpText}\"\n        .errors=${this.errors}\n        .widgetOnly=${this.widgetOnly}\n        .hideLabel=${this.hideLabel}\n        .disabled=${this.disabled}\n      >\n        <div class=\"container\" @click=${this.handleClicked}>\n          <slot name=\"prefix\"></slot>\n          <div class=\"input-wrapper\">\n            <input\n              class=${classes}\n              name=${this.label}\n              value=${dateWidgetValue}\n              type=\"${this.time ? 'datetime-local' : 'date'}\"\n              @change=${this.handleChange}\n              min=${this.min || undefined}\n              max=${this.max || undefined}\n            />\n          </div>\n          ${this.time\n            ? html`\n                <div class=\"tz-wrapper\">\n                  <div class=\"tz\">\n                    <div class=\"label\">Time Zone</div>\n                    <div class=\"zone\">${this.timezoneFriendly}</div>\n                  </div>\n                </div>\n              `\n            : null}\n          <slot name=\"postfix\"></slot>\n        </div>\n      </temba-field>\n    `;\n  }\n}\n"]}

package/out-tsc/src/datepicker/RangePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RangePicker.js","sourceRoot":"","sources":["../../../src/datepicker/RangePicker.ts"],"names":[],"mappings":"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","sourcesContent":["import { property } from 'lit/decorators.js';\nimport { RapidElement } from '../RapidElement';\nimport { DateTime } from 'luxon';\nimport { html, css } from 'lit';\nimport { DatePicker } from './DatePicker';\nimport { CustomEventType } from '../interfaces';\n\nexport class RangePicker extends RapidElement {\n  static styles = css`\n    .range-container {\n      display: flex;\n      gap: 0.5em;\n      align-items: center;\n    }\n    .date-display {\n      cursor: pointer;\n      padding: 0.2em 0.5em;\n      margin: 0.6em 0;\n      border-radius: 4px;\n      border: 1px solid transparent;\n      transition: border 0.2s;\n    }\n\n    .date-display:hover {\n      border: 1px solid var(--color-widget-border, #bbb);\n      background: var(--color-widget-hover, #f5f5f5);\n    }\n\n    input[type='date'] {\n      font-size: 1em;\n      padding: 0.2em 0.5em;\n      border-radius: 4px;\n      border: 1px solid #bbb;\n    }\n\n    .navigation-container {\n      display: flex;\n      align-items: center;\n      gap: 0.25em;\n    }\n\n    .nav-arrow {\n      background: #f5f5f5;\n      border: 1px solid #bbb;\n\n      border-radius: var(--curvature);\n      padding: 0em 0em;\n      cursor: pointer;\n      font-size: 0.6em;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 23px;\n      height: 23px;\n      transition: background 0.2s, border 0.2s, opacity 0.2s;\n    }\n\n    .nav-arrow:hover:not(:disabled) {\n      background: #e0eaff;\n      border-color: #3399ff;\n    }\n\n    .nav-arrow:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n      background: #f9f9f9;\n    }\n\n    .nav-arrow.hidden {\n      visibility: hidden;\n    }\n\n    .button-group {\n      display: flex;\n      margin-left: 0em;\n    }\n    .range-btn {\n      background: #f5f5f5;\n      border: 1px solid #bbb;\n      border-radius: 0px;\n      margin-left: -1px;\n      padding: 0.2em 0.8em;\n      cursor: pointer;\n      font-size: 0.95em;\n      transition: background 0.2s, border 0.2s;\n    }\n\n    .button-group .range-btn:first-child {\n      border-radius: 4px 0 0 4px;\n    }\n\n    .button-group .range-btn:last-child {\n      border-radius: 0 4px 4px 0;\n    }\n\n    .range-btn.selected,\n    .range-btn:active {\n      background: #e0eaff;\n      border-color: #3399ff;\n    }\n  `;\n\n  @property({ type: String, attribute: 'start' })\n  startDate = '';\n\n  @property({ type: String, attribute: 'end' })\n  endDate = '';\n\n  @property({ type: Boolean })\n  editingStart = false;\n\n  @property({ type: Boolean })\n  editingEnd = false;\n\n  @property({ type: String })\n  selectedRange: 'W' | 'M' | 'Y' | 'ALL' | '' = '';\n\n  @property({ type: String, attribute: 'min' })\n  minDate = '2012-01-01';\n\n  @property({ type: String, attribute: 'max' })\n  maxDate = DateTime.now().toISODate();\n\n  private handleStartClick() {\n    this.editingStart = true;\n  }\n\n  private handleEndClick() {\n    this.editingEnd = true;\n  }\n\n  private setRange(type: 'W' | 'M' | 'Y' | 'ALL') {\n    const today = DateTime.now().toISODate();\n    let start = '';\n    if (type === 'W') {\n      start = DateTime.now().minus({ days: 6 }).toISODate();\n    } else if (type === 'M') {\n      start = DateTime.now().minus({ months: 1 }).plus({ days: 1 }).toISODate();\n    } else if (type === 'Y') {\n      start = DateTime.now().minus({ years: 1 }).plus({ days: 1 }).toISODate();\n    } else if (type === 'ALL') {\n      start = this.minDate || '2012-01-01';\n    }\n    this.startDate = start;\n    this.endDate = today;\n    this.selectedRange = type;\n    this.editingStart = false;\n    this.editingEnd = false;\n\n    this.fireCustomEvent(CustomEventType.DateRangeChanged, {\n      start: this.startDate,\n      end: this.endDate,\n      range: this.selectedRange\n    });\n  }\n\n  private setValidRange(type: 'start' | 'end', value: string) {\n    // Enforce min/max\n    let newValue = value;\n    if (newValue < this.minDate) newValue = this.minDate;\n    if (newValue > this.maxDate) newValue = this.maxDate;\n    const start = DateTime.fromISO(\n      type === 'start' ? newValue : this.startDate\n    );\n    const end = DateTime.fromISO(type === 'end' ? newValue : this.endDate);\n\n    if (!start.isValid || !end.isValid) return;\n    if (start > end) {\n      if (type === 'start') {\n        this.startDate = newValue;\n        this.endDate = start.toISODate();\n      } else {\n        this.endDate = newValue;\n        this.startDate = end.toISODate();\n      }\n    } else {\n      if (type === 'start') this.startDate = newValue;\n      else this.endDate = newValue;\n    }\n\n    this.fireCustomEvent(CustomEventType.DateRangeChanged, {\n      start: this.startDate,\n      end: this.endDate,\n      range: this.selectedRange\n    });\n  }\n\n  private canNavigatePrevious(): boolean {\n    if (this.selectedRange === 'ALL') return false;\n\n    const currentStart = DateTime.fromISO(this.startDate);\n    let previousStart: DateTime;\n\n    if (this.selectedRange === 'W') {\n      previousStart = currentStart.minus({ weeks: 1 });\n    } else if (this.selectedRange === 'M') {\n      previousStart = currentStart.minus({ months: 1 });\n    } else if (this.selectedRange === 'Y') {\n      previousStart = currentStart.minus({ years: 1 });\n    } else if (this.selectedRange === '') {\n      // Custom range - determine the interval and navigate by that amount\n      const interval = this.getCustomRangeInterval();\n      if (interval.type === 'days') {\n        previousStart = currentStart.minus({ days: interval.amount });\n      } else if (interval.type === 'months') {\n        previousStart = currentStart.minus({ months: interval.amount });\n      } else if (interval.type === 'years') {\n        previousStart = currentStart.minus({ years: interval.amount });\n      } else {\n        return false;\n      }\n    } else {\n      return false;\n    }\n\n    return previousStart.toISODate() >= this.minDate;\n  }\n\n  private canNavigateNext(): boolean {\n    if (this.selectedRange === 'ALL') return false;\n\n    const currentEnd = DateTime.fromISO(this.endDate);\n    let nextEnd: DateTime;\n\n    if (this.selectedRange === 'W') {\n      nextEnd = currentEnd.plus({ weeks: 1 });\n    } else if (this.selectedRange === 'M') {\n      nextEnd = currentEnd.plus({ months: 1 });\n    } else if (this.selectedRange === 'Y') {\n      nextEnd = currentEnd.plus({ years: 1 });\n    } else if (this.selectedRange === '') {\n      // Custom range - determine the interval and navigate by that amount\n      const interval = this.getCustomRangeInterval();\n      if (interval.type === 'days') {\n        nextEnd = currentEnd.plus({ days: interval.amount });\n      } else if (interval.type === 'months') {\n        nextEnd = currentEnd.plus({ months: interval.amount });\n      } else if (interval.type === 'years') {\n        nextEnd = currentEnd.plus({ years: interval.amount });\n      } else {\n        return false;\n      }\n    } else {\n      return false;\n    }\n\n    return nextEnd.toISODate() <= this.maxDate;\n  }\n\n  private getCustomRangeInterval(): {\n    type: 'days' | 'months' | 'years';\n    amount: number;\n  } {\n    const start = DateTime.fromISO(this.startDate);\n    const end = DateTime.fromISO(this.endDate);\n\n    if (!start.isValid || !end.isValid) {\n      return { type: 'days', amount: 1 };\n    }\n\n    // Check if it's a complete month (first day to last day of any month)\n    const isLastDayOfMonth = end.day === end.daysInMonth;\n    if (start.day === 1 && isLastDayOfMonth) {\n      // Single complete month\n      if (start.month === end.month && start.year === end.year) {\n        return { type: 'months', amount: 1 };\n      }\n\n      // Multiple complete months - check if we span complete months only\n      const startOfFirstMonth = start.startOf('month');\n      const endOfLastMonth = end.endOf('month');\n      const monthsDiff =\n        endOfLastMonth.diff(startOfFirstMonth, 'months').months + 1;\n\n      if (monthsDiff > 0 && Number.isInteger(monthsDiff)) {\n        return { type: 'months', amount: Math.round(monthsDiff) };\n      }\n    }\n\n    // Check if it's a full year\n    if (\n      start.month === 1 &&\n      start.day === 1 &&\n      end.month === 12 &&\n      end.day === 31\n    ) {\n      // Single complete year\n      if (start.year === end.year) {\n        return { type: 'years', amount: 1 };\n      }\n\n      // Multiple complete years\n      const yearsDiff = end.year - start.year + 1;\n      if (yearsDiff > 0) {\n        return { type: 'years', amount: yearsDiff };\n      }\n    }\n\n    // Default to days for any other custom range\n    const daysDiff = end.diff(start, 'days').days + 1; // +1 to include both start and end days\n    return { type: 'days', amount: Math.max(1, Math.round(daysDiff)) };\n  }\n\n  private navigatePrevious() {\n    if (!this.canNavigatePrevious()) return;\n\n    const currentStart = DateTime.fromISO(this.startDate);\n    const currentEnd = DateTime.fromISO(this.endDate);\n    let newStart: DateTime;\n    let newEnd: DateTime;\n\n    if (this.selectedRange === 'W') {\n      newStart = currentStart.minus({ weeks: 1 });\n      newEnd = currentEnd.minus({ weeks: 1 });\n    } else if (this.selectedRange === 'M') {\n      // Check if current M range is a complete month, if so maintain month boundaries\n      const interval = this.getCustomRangeInterval();\n      if (interval.type === 'months') {\n        newStart = currentStart.minus({ months: 1 }).startOf('month');\n        newEnd = newStart\n          .plus({ months: interval.amount })\n          .minus({ days: 1 })\n          .endOf('day');\n      } else {\n        newStart = currentStart.minus({ months: 1 });\n        newEnd = currentEnd.minus({ months: 1 });\n      }\n    } else if (this.selectedRange === 'Y') {\n      newStart = currentStart.minus({ years: 1 });\n      newEnd = currentEnd.minus({ years: 1 });\n    } else if (this.selectedRange === '') {\n      // Custom range - determine the interval and navigate by that amount\n      const interval = this.getCustomRangeInterval();\n      if (interval.type === 'days') {\n        newStart = currentStart.minus({ days: interval.amount });\n        newEnd = currentEnd.minus({ days: interval.amount });\n      } else if (interval.type === 'months') {\n        // For month navigation, maintain complete month boundaries\n        newStart = currentStart\n          .minus({ months: interval.amount })\n          .startOf('month');\n        newEnd = newStart\n          .plus({ months: interval.amount })\n          .minus({ days: 1 })\n          .endOf('day');\n      } else if (interval.type === 'years') {\n        newStart = currentStart.minus({ years: interval.amount });\n        newEnd = currentEnd.minus({ years: interval.amount });\n      } else {\n        return;\n      }\n    } else {\n      return;\n    }\n\n    // Enforce min/max bounds\n    const minDateTime = DateTime.fromISO(this.minDate);\n    const maxDateTime = DateTime.fromISO(this.maxDate);\n    const startDate =\n      newStart < minDateTime ? this.minDate : newStart.toISODate();\n    const endDate = newEnd > maxDateTime ? this.maxDate : newEnd.toISODate();\n\n    this.startDate = startDate;\n    this.endDate = endDate;\n\n    this.fireCustomEvent(CustomEventType.DateRangeChanged, {\n      start: this.startDate,\n      end: this.endDate,\n      range: this.selectedRange\n    });\n  }\n\n  private navigateNext() {\n    if (!this.canNavigateNext()) return;\n\n    const currentStart = DateTime.fromISO(this.startDate);\n    const currentEnd = DateTime.fromISO(this.endDate);\n    let newStart: DateTime;\n    let newEnd: DateTime;\n\n    if (this.selectedRange === 'W') {\n      newStart = currentStart.plus({ weeks: 1 });\n      newEnd = currentEnd.plus({ weeks: 1 });\n    } else if (this.selectedRange === 'M') {\n      // Check if current M range is a complete month, if so maintain month boundaries\n      const interval = this.getCustomRangeInterval();\n      if (interval.type === 'months') {\n        newStart = currentStart.plus({ months: 1 }).startOf('month');\n        newEnd = newStart\n          .plus({ months: interval.amount })\n          .minus({ days: 1 })\n          .endOf('day');\n      } else {\n        newStart = currentStart.plus({ months: 1 });\n        newEnd = currentEnd.plus({ months: 1 });\n      }\n    } else if (this.selectedRange === 'Y') {\n      newStart = currentStart.plus({ years: 1 });\n      newEnd = currentEnd.plus({ years: 1 });\n    } else if (this.selectedRange === '') {\n      // Custom range - determine the interval and navigate by that amount\n      const interval = this.getCustomRangeInterval();\n      if (interval.type === 'days') {\n        newStart = currentStart.plus({ days: interval.amount });\n        newEnd = currentEnd.plus({ days: interval.amount });\n      } else if (interval.type === 'months') {\n        // For month navigation, maintain complete month boundaries\n        newStart = currentStart\n          .plus({ months: interval.amount })\n          .startOf('month');\n        newEnd = newStart\n          .plus({ months: interval.amount })\n          .minus({ days: 1 })\n          .endOf('day');\n      } else if (interval.type === 'years') {\n        newStart = currentStart.plus({ years: interval.amount });\n        newEnd = currentEnd.plus({ years: interval.amount });\n      } else {\n        return;\n      }\n    } else {\n      return;\n    }\n\n    // Enforce min/max bounds\n    const minDateTime = DateTime.fromISO(this.minDate);\n    const maxDateTime = DateTime.fromISO(this.maxDate);\n    const startDate =\n      newStart < minDateTime ? this.minDate : newStart.toISODate();\n    const endDate = newEnd > maxDateTime ? this.maxDate : newEnd.toISODate();\n\n    this.startDate = startDate;\n    this.endDate = endDate;\n\n    this.fireCustomEvent(CustomEventType.DateRangeChanged, {\n      start: this.startDate,\n      end: this.endDate,\n      range: this.selectedRange\n    });\n  }\n\n  private getNavigationLabel(direction: 'previous' | 'next'): string {\n    const interval = this.getCustomRangeInterval();\n    const amount = interval.amount;\n    const unit =\n      interval.type === 'days'\n        ? amount === 1\n          ? 'day'\n          : 'days'\n        : interval.type === 'months'\n        ? amount === 1\n          ? 'month'\n          : 'months'\n        : amount === 1\n        ? 'year'\n        : 'years';\n\n    return `${\n      direction === 'previous' ? 'Previous' : 'Next'\n    } ${amount} ${unit}`;\n  }\n\n  updated(changed: Map<string, any>) {\n    super.updated(changed);\n\n    if (\n      changed.has('startDate') &&\n      changed.has('endDate') &&\n      (!this.startDate || !this.endDate)\n    ) {\n      this.setRange('M');\n    }\n\n    if (changed.has('editingStart') && this.editingStart) {\n      setTimeout(() => {\n        const startPicker: DatePicker = this.shadowRoot?.querySelector(\n          'temba-datepicker.start-picker'\n        );\n\n        if (startPicker) {\n          startPicker.handleClicked();\n        }\n      }, 0);\n    }\n\n    if (changed.has('editingEnd') && this.editingEnd) {\n      setTimeout(() => {\n        const endPicker: DatePicker = this.shadowRoot?.querySelector(\n          'temba-datepicker.end-picker'\n        );\n        if (endPicker) {\n          endPicker.handleClicked();\n        }\n      }, 0);\n    }\n  }\n\n  private formatDateForDisplay(dateString: string): string {\n    if (!dateString) return '';\n\n    const date = DateTime.fromISO(dateString);\n    if (!date.isValid) return dateString;\n\n    // Use the browser's locale for formatting\n    return date.toLocaleString();\n  }\n\n  render() {\n    return html`\n      <div class=\"range-container\">\n        ${this.editingStart\n          ? html`<temba-datepicker\n              class=\"start-picker\"\n              .value=${this.startDate}\n              .min=${this.minDate}\n              .max=${this.maxDate}\n              @change=${(e: Event) => {\n                const value = (e.target as any).value;\n                this.setValidRange('start', value);\n                this.editingStart = false;\n                this.selectedRange = '';\n              }}\n              @blur=${() => (this.editingStart = false)}\n            ></temba-datepicker>`\n          : html`<span class=\"date-display\" @click=${this.handleStartClick}\n              >${this.formatDateForDisplay(this.startDate) ||\n              'Start date'}</span\n            >`}\n        <span> - </span>\n        ${this.editingEnd\n          ? html`<temba-datepicker\n              .value=${this.endDate}\n              class=\"end-picker\"\n              .min=${this.minDate}\n              .max=${this.maxDate}\n              @change=${(e: Event) => {\n                const value = (e.target as any).value;\n                this.setValidRange('end', value);\n                this.editingEnd = false;\n                this.selectedRange = '';\n              }}\n              @blur=${() => (this.editingEnd = false)}\n            ></temba-datepicker>`\n          : html`<span class=\"date-display\" @click=${this.handleEndClick}\n              >${this.formatDateForDisplay(this.endDate) || 'End date'}</span\n            >`}\n        <div class=\"navigation-container\">\n          <button\n            class=\"nav-arrow ${this.selectedRange === 'ALL' ? 'hidden' : ''}\"\n            ?disabled=${!this.canNavigatePrevious()}\n            @click=${this.navigatePrevious}\n            title=\"Previous ${this.selectedRange === 'W'\n              ? 'week'\n              : this.selectedRange === 'M'\n              ? 'month'\n              : this.selectedRange === 'Y'\n              ? 'year'\n              : this.selectedRange === ''\n              ? this.getNavigationLabel('previous')\n              : 'period'}\"\n          >\n            ◀\n          </button>\n          <div class=\"button-group\">\n            <button\n              class=\"range-btn ${this.selectedRange === 'W' ? 'selected' : ''}\"\n              @click=${() => this.setRange('W')}\n            >\n              W\n            </button>\n            <button\n              class=\"range-btn ${this.selectedRange === 'M' ? 'selected' : ''}\"\n              @click=${() => this.setRange('M')}\n            >\n              M\n            </button>\n            <button\n              class=\"range-btn ${this.selectedRange === 'Y' ? 'selected' : ''}\"\n              @click=${() => this.setRange('Y')}\n            >\n              Y\n            </button>\n            <button\n              class=\"range-btn ${this.selectedRange === 'ALL'\n                ? 'selected'\n                : ''}\"\n              @click=${() => this.setRange('ALL')}\n            >\n              All\n            </button>\n          </div>\n          <button\n            class=\"nav-arrow ${this.selectedRange === 'ALL' ? 'hidden' : ''}\"\n            ?disabled=${!this.canNavigateNext()}\n            @click=${this.navigateNext}\n            title=\"Next ${this.selectedRange === 'W'\n              ? 'week'\n              : this.selectedRange === 'M'\n              ? 'month'\n              : this.selectedRange === 'Y'\n              ? 'year'\n              : this.selectedRange === ''\n              ? this.getNavigationLabel('next')\n              : 'period'}\"\n          >\n            ▶\n          </button>\n        </div>\n      </div>\n    `;\n  }\n}\n\ncustomElements.define('temba-range-picker', RangePicker);\n"]}

package/out-tsc/src/dialog/Dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/dialog/Dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { property } from 'lit/decorators.js';\nimport { TemplateResult, html, css } from 'lit';\nimport { Button } from '../button/Button';\nimport { CustomEventType } from '../interfaces';\nimport { styleMap } from 'lit-html/directives/style-map.js';\nimport { getClasses } from '../utils';\nimport { ResizeElement } from '../ResizeElement';\n\nexport enum ButtonType {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n  DESTRUCTIVE = 'destructive'\n}\nexport class DialogButton {\n  name?: string;\n  id?: string;\n  details?: any;\n  type?: string;\n  closes?: boolean;\n}\n\nexport class Dialog extends ResizeElement {\n  static get widths(): { [size: string]: string } {\n    return {\n      small: '400px',\n      medium: '600px',\n      large: '655px'\n    };\n  }\n\n  static get styles() {\n    return css`\n      :host {\n        position: absolute;\n        z-index: 10000;\n        font-family: var(--font-family);\n        background: white;\n      }\n\n      .flex-grow {\n        flex-grow: 1;\n      }\n\n      .flex {\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n        position: relative;\n        left: 0px;\n        top: 0px;\n        align-items: center;\n        height: 100vh;\n      }\n\n      .mobile .flex {\n        height: 100%;\n        position: fixed;\n      }\n\n      .mobile .grow-top {\n        flex-grow: 0;\n      }\n\n      .mobile .grow-bottom {\n        flex-grow: 0;\n      }\n\n      .grow-top {\n        flex-grow: 1;\n      }\n\n      .grow-bottom {\n        flex-grow: 3;\n      }\n\n      .bottom-padding {\n        padding: 3rem;\n      }\n\n      .dialog-mask {\n        width: 100%;\n        height: 100%;\n        background: rgba(0, 0, 0, 0.5);\n        opacity: 0;\n        position: fixed;\n        top: 0px;\n        left: 0px;\n        transition: opacity linear calc(var(--transition-speed) / 2ms);\n        pointer-events: none;\n      }\n\n      .mobile.dialog-mask .dialog-container {\n        border-radius: 0px;\n      }\n\n      .dialog-mask .dialog-container {\n        position: relative;\n        transition: transform var(--transition-speed) var(--bounce),\n          opacity ease-in-out calc(var(--transition-speed) - 50ms);\n        border-radius: var(--curvature);\n        box-shadow: 0px 0px 2px 4px rgba(0, 0, 0, 0.06);\n        overflow: hidden;\n        transform: scale(0.9) translatey(2em);\n        background: white;\n        margin: auto;\n        display: flex;\n        flex-direction: column;\n      }\n\n      .dialog-body {\n        background: #fff;\n        overflow-y: auto;\n        flex-grow: 1;\n      }\n\n      .dialog-mask.dialog-open {\n        opacity: 1;\n        pointer-events: auto;\n      }\n\n      .dialog-mask.dialog-open .dialog-container {\n        top: inherit;\n      }\n\n      .dialog-mask.dialog-animation-end .dialog-container {\n        transform: scale(1) !important;\n      }\n\n      .dialog-mask.dialog-ready .dialog-container {\n        transform: none;\n      }\n\n      .dialog-mask.dialog-loading .dialog-container {\n        margin-top: -10000px;\n      }\n\n      .header-text {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        font-size: 20px;\n        padding: 12px 20px;\n        color: var(--header-text);\n        background: var(--header-bg);\n      }\n\n      .header-text .title {\n        flex-grow: 1;\n      }\n\n      .header-text .status {\n        font-size: 0.6em;\n        font-weight: bold;\n      }\n\n      .dialog-footer {\n        background: var(--color-primary-light);\n        padding: 10px;\n        display: flex;\n        flex-flow: row;\n        align-items: center;\n      }\n\n      temba-button {\n        margin-left: 10px;\n      }\n\n      .dialog-body temba-loading {\n        position: absolute;\n        right: 12px;\n        margin-top: -30px;\n        padding-bottom: 9px;\n        display: none;\n      }\n\n      #page-loader {\n        text-align: center;\n        display: block;\n        position: relative;\n        opacity: 0;\n        margin: auto;\n        margin-top: 30px;\n        width: 154px;\n        transition: opacity calc(var(--transition-speed) * 5ms) ease-in\n          calc(var(--transition-speed * 2));\n        visibility: hidden;\n      }\n\n      .dialog-mask.dialog-loading #page-loader {\n        opacity: 1;\n        visibility: visible;\n      }\n\n      #submit-loader {\n        flex-grow: 1;\n        text-align: right;\n      }\n    `;\n  }\n\n  @property({ type: Boolean })\n  open: boolean;\n\n  @property()\n  header: string;\n\n  @property()\n  body: string;\n\n  @property({ type: Boolean })\n  submitting: boolean;\n\n  @property({ type: Boolean })\n  destructive: boolean;\n\n  @property({ type: Boolean })\n  disabled: boolean;\n\n  @property({ type: Boolean })\n  loading: boolean;\n\n  @property({ type: Boolean })\n  hideOnClick: boolean;\n\n  @property({ type: Boolean })\n  noFocus: boolean;\n\n  @property()\n  size = 'medium';\n\n  @property({ type: String })\n  primaryButtonName = 'Ok';\n\n  @property({ type: String })\n  cancelButtonName = 'Cancel';\n\n  @property({ type: String })\n  width = null;\n\n  @property()\n  submittingName = 'Saving';\n\n  @property()\n  animationEnd: boolean;\n\n  @property()\n  ready: boolean;\n\n  @property({ type: Array })\n  buttons: DialogButton[] = [];\n\n  @property({ attribute: false })\n  onButtonClicked: (button: Button) => void;\n\n  scrollOffset: any = 0;\n\n  public constructor() {\n    super();\n  }\n\n  private updateButtons() {\n    this.buttons = [];\n    if (this.cancelButtonName) {\n      this.buttons.push({\n        name: this.cancelButtonName,\n        type: ButtonType.SECONDARY,\n        closes: true\n      });\n    }\n\n    if (this.primaryButtonName) {\n      this.buttons.push({\n        name: this.primaryButtonName,\n        type: ButtonType.PRIMARY\n      });\n    }\n    this.requestUpdate();\n  }\n\n  public updated(changes: Map<string, any>) {\n    super.updated(changes);\n\n    if (changes.has('cancelButtonName') || changes.has('primaryButtonName')) {\n      this.updateButtons();\n    }\n\n    if (changes.has('open')) {\n      const body = document.querySelector('body');\n\n      if (this.open) {\n        this.animationEnd = true;\n        window.setTimeout(() => {\n          this.ready = true;\n          this.animationEnd = false;\n        }, 400);\n\n        this.scrollOffset = -document.documentElement.scrollTop;\n        body.style.position = 'fixed';\n        body.style.overflowY = 'scroll';\n        body.style.top = this.scrollOffset + 'px';\n        body.style.width = '100%';\n        body.style.overflowY = 'hidden';\n      } else {\n        body.style.position = '';\n        body.style.overflowY = '';\n        body.style.width = '';\n        body.style.marginRight = '';\n        body.style.paddingRight = '0px';\n        window.scrollTo(0, parseInt(this.scrollOffset || '0') * -1);\n      }\n\n      // make sure our buttons aren't in progress on show\n      if (this.open && !changes.get('open')) {\n        this.shadowRoot\n          .querySelectorAll('temba-button')\n          .forEach((button: Button) => {\n            if (button) button.submitting = false;\n          });\n\n        if (!this.noFocus) {\n          this.focusFirstInput();\n        }\n      } else {\n        window.setTimeout(() => {\n          this.ready = false;\n        }, 400);\n      }\n    }\n  }\n\n  public focusFirstInput(): void {\n    window.setTimeout(() => {\n      let input = this.querySelector(\n        'temba-textinput, temba-completion, input[type=\"text\"], textarea'\n      ) as any;\n      if (input) {\n        input = input.textInputElement || input.inputElement || input;\n        if (!input.readOnly) {\n          input.focus();\n          input.click();\n        }\n      }\n    }, 100);\n  }\n\n  public handleClick(evt: MouseEvent) {\n    const button = evt.currentTarget as Button;\n    if (!button.disabled) {\n      let detail: DialogButton = {};\n      if (button.index >= 0 && button.index < this.buttons.length) {\n        detail = this.buttons[button.index];\n      }\n\n      this.fireCustomEvent(CustomEventType.ButtonClicked, { button, detail });\n      if (button.name === this.cancelButtonName || (detail && detail.closes)) {\n        this.open = false;\n      }\n    }\n  }\n\n  private getDocumentHeight(): number {\n    const body = document.body;\n    const html = document.documentElement;\n    return Math.max(\n      body.scrollHeight,\n      body.offsetHeight,\n      html.clientHeight,\n      html.scrollHeight,\n      html.offsetHeight\n    );\n  }\n\n  private clickCancel() {\n    const cancel = this.getCancelButton();\n    if (cancel) {\n      cancel.click();\n    }\n  }\n\n  public getCancelButton(): Button {\n    return this.shadowRoot.querySelector(\n      `temba-button[name='${this.cancelButtonName}']`\n    );\n  }\n\n  public getPrimaryButton(): Button {\n    return this.shadowRoot.querySelector(`temba-button[primary]`);\n  }\n\n  private handleKeyUp(event: KeyboardEvent) {\n    if (event.key === 'Escape') {\n      this.clickCancel();\n    }\n  }\n\n  private handleClickMask(event: MouseEvent) {\n    if (this.hideOnClick) {\n      const id = (event.target as HTMLElement).id;\n      if (id === 'dialog-mask' || id === 'dialog-bg') {\n        this.fireCustomEvent(CustomEventType.DialogHidden);\n        this.clickCancel();\n      }\n    }\n  }\n\n  public show(): void {\n    this.open = true;\n  }\n\n  public hide(): void {\n    this.open = false;\n  }\n\n  public render(): TemplateResult {\n    const dialogStyle = {\n      width: this.width,\n      minWidth: '250px',\n      maxWidth: '600px'\n    };\n    if (!this.width) {\n      dialogStyle['width'] = Dialog.widths[this.size];\n    }\n\n    if (this.isMobile()) {\n      dialogStyle['width'] = '100%';\n      dialogStyle['height'] = '100%';\n      delete dialogStyle['maxWidth'];\n    }\n\n    const header = this.header\n      ? html`\n          <div class=\"dialog-header\">\n            <div class=\"header-text\">\n              <div class=\"title\">${this.header}</div>\n            </div>\n          </div>\n        `\n      : null;\n\n    return html`\n      <div\n        id=\"dialog-mask\"\n        @click=${this.handleClickMask}\n        class=\"dialog-mask ${getClasses({\n          'dialog-open': this.open,\n          'dialog-loading': this.loading,\n          'dialog-animation-end': this.animationEnd,\n          'dialog-ready': this.ready,\n          mobile: this.isMobile()\n        })}\"\n      >\n        <div style=\"position: absolute; width: 100%;\">\n          <temba-loading\n            id=\"page-loader\"\n            units=\"6\"\n            size=\"12\"\n            color=\"#ccc\"\n          ></temba-loading>\n        </div>\n\n        <div class=\"flex\">\n          <div class=\"grow-top\" style=\"${\n            this.isMobile() ? 'flex-grow:0' : ''\n          }\"></div>\n          <div\n            @keyup=${this.handleKeyUp}\n            style=${styleMap(dialogStyle)}\n            class=\"dialog-container\"\n          >\n            ${header}\n            <div class=\"dialog-body\" @keypress=${this.handleKeyUp}>\n              ${this.body ? this.body : html`<slot></slot>`}\n              <temba-loading units=\"6\" size=\"8\"></temba-loading>\n            </div>\n\n            <div class=\"dialog-footer\">\n              <div class=\"flex-grow\">\n                <slot name=\"gutter\"></slot>\n              </div>\n              ${this.buttons.map(\n                (button: DialogButton, index) => html`\n                  <temba-button\n                    name=${button.name}\n                    ?destructive=${button.type == 'primary' && this.destructive}\n                    ?primary=${button.type == 'primary' && !this.destructive}\n                    ?secondary=${button.type == 'secondary'}\n                    ?submitting=${this.submitting}\n                    ?disabled=${this.disabled && !button.closes}\n                    index=${index}\n                    @click=${this.handleClick}\n                  ></temba-button>\n                `\n              )}\n              </div>\n            </div>\n            <div class=\"grow-bottom\"></div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}