@nyaruka/temba-components 0.86.0 → 0.87.0

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

@@ -1,6 +1,6 @@
 import { html } from 'lit';
 import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
-import { directive, Directive, PartType, } from 'lit/directive.js';
+import { directive, Directive, PartType } from 'lit/directive.js';
 import ExcellentParser from './ExcellentParser';
 import { Remarkable } from 'remarkable';
 const md = new Remarkable();
@@ -8,7 +8,7 @@ const messageParser = new ExcellentParser('@', [
     'contact',
     'fields',
     'globals',
-    'urns',
+    'urns'
 ]);
 const sessionParser = new ExcellentParser('@', [
     'contact',
@@ -24,7 +24,7 @@ const sessionParser = new ExcellentParser('@', [
     'webhook',
     'ticket',
     'trigger',
-    'resume',
+    'resume'
 ]);
 // Class-based directive API
 export class RenderMarkdown extends Directive {
@@ -126,7 +126,7 @@ export const getCompletions = (schema, dotQuery, keyedAssets = {}, session) => {
                         currentProps = keyedAssets[nextType.name].map((key) => ({
                             key: template.key.replace('{key}', key),
                             help: template.help.replace('{key}', key),
-                            type: template.type,
+                            type: template.type
                         }));
                     }
                     else {
@@ -200,7 +200,7 @@ const getCursorXY = (input, selectionPoint) => {
     document.body.removeChild(div);
     return {
         left: inputX + spanX,
-        top: inputY + spanY,
+        top: inputY + spanY
     };
 };
 export const updateInputElementWithCompletion = (currentQuery, ele, option) => {
@@ -237,7 +237,7 @@ export const executeCompletionQuery = (ele, store, session) => {
         currentFunction: null,
         options: [],
         anchorPosition: null,
-        query: null,
+        query: null
     };
     if (!ele) {
         return;
@@ -282,14 +282,14 @@ export const executeCompletionQuery = (ele, store, session) => {
                 const caret = getCursorXY(ele, currentExpression.start + i);
                 result.anchorPosition = {
                     left: caret.left - 2 - ele.scrollLeft,
-                    top: caret.top - ele.scrollTop,
+                    top: caret.top - ele.scrollTop
                 };
                 result.query = currentExpression.text.substr(i, currentExpression.text.length - i);
                 result.options = [
                     ...getCompletions(store.getCompletionSchema(), result.query, store.getKeyedAssets(), session),
                     ...(includeFunctions
                         ? getFunctions(store.getFunctions(), result.query)
-                        : []),
+                        : [])
                 ];
                 return result;
             }

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/completion/helpers.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult } from 'lit';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport {\n  directive,\n  Directive,\n  Part,\n  PartInfo,\n  PartType,\n} from 'lit/directive.js';\nimport ExcellentParser, { Expression } from './ExcellentParser';\nimport {\n  CompletionOption,\n  CompletionProperty,\n  CompletionResult,\n  CompletionSchema,\n  CompletionType,\n  KeyedAssets,\n} from '../interfaces';\nimport { Store } from '../store/Store';\nimport { Remarkable } from 'remarkable';\n\nconst md = new Remarkable();\n\nconst messageParser = new ExcellentParser('@', [\n  'contact',\n  'fields',\n  'globals',\n  'urns',\n]);\n\nconst sessionParser = new ExcellentParser('@', [\n  'contact',\n  'fields',\n  'globals',\n  'urns',\n  'results',\n  'input',\n  'run',\n  'child',\n  'parent',\n  'node',\n  'webhook',\n  'ticket',\n  'trigger',\n  'resume',\n]);\n\n// Class-based directive API\nexport class RenderMarkdown extends Directive {\n  // State stored in class field\n  value: string | undefined;\n  constructor(partInfo: PartInfo) {\n    super(partInfo);\n    // When necessary, validate part in constructor using `part.type`\n    if (partInfo.type !== PartType.CHILD) {\n      throw new Error('renderMarkdown only supports child expressions');\n    }\n  }\n  // Optional: override update to perform any direct DOM manipulation\n  // DirectiveParameters<this>\n  update(part: Part, [initialValue]: any) {\n    /* Any imperative updates to DOM/parts would go here */\n    return this.render(initialValue);\n  }\n  // Do SSR-compatible rendering (arguments are passed from call site)\n  render(initialValue: string) {\n    // Previous state available on class field\n    if (this.value === undefined) {\n      this.value = initialValue;\n    }\n    return html`${unsafeHTML(md.render(this.value))}`;\n  }\n}\n\nexport const renderMarkdown = directive(RenderMarkdown);\n\nexport const renderCompletionOption = (\n  option: CompletionOption,\n  selected: boolean\n): TemplateResult => {\n  if (option.signature) {\n    const argStart = option.signature.indexOf('(');\n    const name = option.signature.substr(0, argStart);\n    const args = option.signature.substr(argStart);\n\n    return html`\n      <div style=\"${selected ? 'font-weight: 400' : ''}\">\n        <div style=\"display:inline-block;margin-right: 5px\">ƒ</div>\n        <div style=\"display:inline-block\">${name}</div>\n        ${selected\n          ? html`\n              <div\n                style=\"display:inline-block; font-weight: 300; font-size: 85%\"\n              >\n                ${args}\n              </div>\n              <div class=\"detail\">${renderMarkdown(option.summary)}</div>\n            `\n          : null}\n      </div>\n    `;\n  }\n\n  return html`\n    <div>\n      <div style=\"${selected ? 'font-weight: 400' : ''}\">${option.name}</div>\n      ${selected\n        ? html` <div style=\"font-size: 85%\">${option.summary}</div> `\n        : null}\n    </div>\n  `;\n};\n\nexport const getFunctions = (\n  functions: CompletionOption[],\n  query: string\n): CompletionOption[] => {\n  if (!query) {\n    return functions;\n  }\n  return functions.filter((option: CompletionOption) => {\n    if (option.signature) {\n      return option.signature.indexOf((query || '').toLowerCase()) === 0;\n    }\n    return false;\n  });\n};\n\n/**\n * Takes a dot query and returns the completions options at the current level\n * @param dotQuery query such as \"contact.first_n\"\n */\nexport const getCompletions = (\n  schema: CompletionSchema,\n  dotQuery: string,\n  keyedAssets: KeyedAssets = {},\n  session: boolean\n): CompletionOption[] => {\n  const parts = (dotQuery || '').split('.');\n  let currentProps: CompletionProperty[] = session\n    ? schema.root\n    : schema.root_no_session;\n\n  if (!currentProps) {\n    return [];\n  }\n\n  let prefix = '';\n  let part = '';\n  while (parts.length > 0) {\n    part = parts.shift();\n    if (part) {\n      // eslint-disable-next-line\n      const nextProp = currentProps.find(\n        (prop: CompletionProperty) => prop.key === part\n      );\n      if (nextProp) {\n        // eslint-disable-next-line\n        const nextType = schema.types.find(\n          (type: CompletionType) => type.name === nextProp.type\n        );\n        if (nextType && nextType.properties) {\n          currentProps = nextType.properties;\n          prefix += part + '.';\n        } else if (nextType && nextType.property_template) {\n          prefix += part + '.';\n          const template = nextType.property_template;\n          if (keyedAssets[nextType.name]) {\n            currentProps = keyedAssets[nextType.name].map((key: string) => ({\n              key: template.key.replace('{key}', key),\n              help: template.help.replace('{key}', key),\n              type: template.type,\n            }));\n          } else {\n            currentProps = [];\n          }\n        } else {\n          // eslint-disable-next-line\n          currentProps = currentProps.filter((prop: CompletionProperty) =>\n            prop.key.startsWith(part.toLowerCase())\n          );\n          break;\n        }\n      } else {\n        // eslint-disable-next-line\n        currentProps = currentProps.filter((prop: CompletionProperty) =>\n          prop.key.startsWith(part.toLowerCase())\n        );\n        break;\n      }\n    }\n  }\n\n  return currentProps.map((prop: CompletionProperty) => {\n    const name =\n      prop.key === '__default__'\n        ? prefix.substr(0, prefix.length - 1)\n        : prefix + prop.key;\n    return { name, summary: prop.help };\n  });\n};\n\nexport const getOffset = (el: HTMLElement) => {\n  const rect = el.getBoundingClientRect(),\n    scrollLeft = window.pageXOffset || document.documentElement.scrollLeft,\n    scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n  return { top: rect.top + scrollTop, left: rect.left + scrollLeft };\n};\n\nexport const getVerticalScroll = (ele: Node) => {\n  let current = ele;\n  const verticalScroll = 0;\n  while (current) {\n    current = current.parentNode;\n  }\n  return verticalScroll;\n};\n\nexport const getCompletionName = (option: CompletionOption): string => {\n  return (\n    option.name || option.signature.substr(0, option.signature.indexOf('('))\n  );\n};\n\nexport const getCompletionSignature = (option: CompletionOption): string => {\n  return option.signature.substr(option.signature.indexOf('('));\n};\n\n/**\n * Determines the pixel position of position inside a textarea or input\n * TODO: Explore somethign like contenteditable to avoid this madness\n * see: https://jh3y.medium.com/how-to-where-s-the-caret-getting-the-xy-position-of-the-caret-a24ba372990a\n */\nconst getCursorXY = (input, selectionPoint) => {\n  const { offsetLeft: inputX, offsetTop: inputY } = input;\n  const div = document.createElement('div');\n  const copyStyle = getComputedStyle(input);\n  for (const prop of copyStyle) {\n    div.style[prop] = copyStyle[prop];\n  }\n  div.style.position = 'relative';\n  const swap = '.';\n  const inputValue =\n    input.tagName === 'INPUT' ? input.value.replace(/ /g, swap) : input.value;\n  const textContent = inputValue.substr(0, selectionPoint);\n  div.textContent = textContent;\n  if (input.tagName === 'TEXTAREA') div.style.height = 'auto';\n  if (input.tagName === 'INPUT') div.style.width = 'auto';\n  const span = document.createElement('span');\n  span.textContent = inputValue.substr(selectionPoint) || '.';\n  div.appendChild(span);\n  document.body.appendChild(div);\n  const { offsetLeft: spanX, offsetTop: spanY } = span;\n  document.body.removeChild(div);\n  return {\n    left: inputX + spanX,\n    top: inputY + spanY,\n  };\n};\n\nexport const updateInputElementWithCompletion = (\n  currentQuery: string,\n  ele: HTMLInputElement,\n  option: CompletionOption\n) => {\n  let insertText = '';\n\n  if (option.signature) {\n    // they selected a function\n    insertText = option.signature.substr(0, option.signature.indexOf('(') + 1);\n  } else {\n    insertText = option.name;\n  }\n\n  const queryLength = currentQuery.length;\n\n  if (ele) {\n    const value = ele.value;\n    const insertionPoint = ele.selectionStart - queryLength;\n\n    // strip out our query\n    // const insertionPoint = value.lastIndexOf(value.substring(0, this.inputElement.selectionStart));\n    const leftSide = value.substr(0, insertionPoint);\n    const remaining = value.substr(insertionPoint + queryLength);\n    const caret = leftSide.length + insertText.length;\n\n    // set our value and our new caret\n    ele.value = leftSide + insertText + remaining;\n    ele.setSelectionRange(caret, caret);\n\n    // now scroll our text box if necessary\n    const position = getCursorXY(ele, caret);\n    if (position.left > ele.width) {\n      ele.scrollLeft = position.left;\n    }\n\n    ele.dispatchEvent(new Event('input'));\n  }\n};\n\nexport const executeCompletionQuery = (\n  ele: HTMLInputElement,\n  store: Store,\n  session: boolean\n): CompletionResult => {\n  const result: CompletionResult = {\n    currentFunction: null,\n    options: [],\n    anchorPosition: null,\n    query: null,\n  };\n\n  if (!ele) {\n    return;\n  }\n\n  // we need a store to do anything useful\n  if (!store) {\n    return result;\n  }\n\n  const cursor = ele.selectionStart;\n  const input = ele.value.substring(0, cursor);\n\n  const parser = session ? sessionParser : messageParser;\n  const expressions = parser.findExpressions(input);\n  const currentExpression = expressions.find(\n    (expr: Expression) =>\n      expr.start <= cursor &&\n      (expr.end > cursor || (expr.end === cursor && !expr.closed))\n  );\n\n  if (currentExpression) {\n    const includeFunctions = currentExpression.text.indexOf('(') > -1;\n    if (includeFunctions) {\n      const functionQuery = parser.functionContext(currentExpression.text);\n      if (functionQuery) {\n        const fns = getFunctions(store.getFunctions(), functionQuery);\n        if (fns.length > 0) {\n          result.currentFunction = fns[0];\n        }\n      }\n    }\n\n    for (let i = currentExpression.text.length; i >= 0; i--) {\n      const curr = currentExpression.text[i];\n      if (\n        curr === '@' ||\n        curr === '(' ||\n        curr === ' ' ||\n        curr === ',' ||\n        curr === ')' ||\n        i === 0\n      ) {\n        // don't include non-expression chars\n        if (\n          curr === '(' ||\n          curr === ' ' ||\n          curr === ',' ||\n          curr === ')' ||\n          curr === '@'\n        ) {\n          i++;\n        }\n\n        const caret = getCursorXY(ele, currentExpression.start + i);\n\n        result.anchorPosition = {\n          left: caret.left - 2 - ele.scrollLeft,\n          top: caret.top - ele.scrollTop,\n        };\n\n        result.query = currentExpression.text.substr(\n          i,\n          currentExpression.text.length - i\n        );\n\n        result.options = [\n          ...getCompletions(\n            store.getCompletionSchema(),\n            result.query,\n            store.getKeyedAssets(),\n            session\n          ),\n          ...(includeFunctions\n            ? getFunctions(store.getFunctions(), result.query)\n            : []),\n        ];\n\n        return result;\n      }\n    }\n  } else {\n    result.options = [];\n    result.query = '';\n  }\n  return result;\n};\n"]}
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/completion/helpers.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult } from 'lit';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport {\n  directive,\n  Directive,\n  Part,\n  PartInfo,\n  PartType\n} from 'lit/directive.js';\nimport ExcellentParser, { Expression } from './ExcellentParser';\nimport {\n  CompletionOption,\n  CompletionProperty,\n  CompletionResult,\n  CompletionSchema,\n  CompletionType,\n  KeyedAssets\n} from '../interfaces';\nimport { Store } from '../store/Store';\nimport { Remarkable } from 'remarkable';\n\nconst md = new Remarkable();\n\nconst messageParser = new ExcellentParser('@', [\n  'contact',\n  'fields',\n  'globals',\n  'urns'\n]);\n\nconst sessionParser = new ExcellentParser('@', [\n  'contact',\n  'fields',\n  'globals',\n  'urns',\n  'results',\n  'input',\n  'run',\n  'child',\n  'parent',\n  'node',\n  'webhook',\n  'ticket',\n  'trigger',\n  'resume'\n]);\n\n// Class-based directive API\nexport class RenderMarkdown extends Directive {\n  // State stored in class field\n  value: string | undefined;\n  constructor(partInfo: PartInfo) {\n    super(partInfo);\n    // When necessary, validate part in constructor using `part.type`\n    if (partInfo.type !== PartType.CHILD) {\n      throw new Error('renderMarkdown only supports child expressions');\n    }\n  }\n  // Optional: override update to perform any direct DOM manipulation\n  // DirectiveParameters<this>\n  update(part: Part, [initialValue]: any) {\n    /* Any imperative updates to DOM/parts would go here */\n    return this.render(initialValue);\n  }\n  // Do SSR-compatible rendering (arguments are passed from call site)\n  render(initialValue: string) {\n    // Previous state available on class field\n    if (this.value === undefined) {\n      this.value = initialValue;\n    }\n    return html`${unsafeHTML(md.render(this.value))}`;\n  }\n}\n\nexport const renderMarkdown = directive(RenderMarkdown);\n\nexport const renderCompletionOption = (\n  option: CompletionOption,\n  selected: boolean\n): TemplateResult => {\n  if (option.signature) {\n    const argStart = option.signature.indexOf('(');\n    const name = option.signature.substr(0, argStart);\n    const args = option.signature.substr(argStart);\n\n    return html`\n      <div style=\"${selected ? 'font-weight: 400' : ''}\">\n        <div style=\"display:inline-block;margin-right: 5px\">ƒ</div>\n        <div style=\"display:inline-block\">${name}</div>\n        ${selected\n          ? html`\n              <div\n                style=\"display:inline-block; font-weight: 300; font-size: 85%\"\n              >\n                ${args}\n              </div>\n              <div class=\"detail\">${renderMarkdown(option.summary)}</div>\n            `\n          : null}\n      </div>\n    `;\n  }\n\n  return html`\n    <div>\n      <div style=\"${selected ? 'font-weight: 400' : ''}\">${option.name}</div>\n      ${selected\n        ? html` <div style=\"font-size: 85%\">${option.summary}</div> `\n        : null}\n    </div>\n  `;\n};\n\nexport const getFunctions = (\n  functions: CompletionOption[],\n  query: string\n): CompletionOption[] => {\n  if (!query) {\n    return functions;\n  }\n  return functions.filter((option: CompletionOption) => {\n    if (option.signature) {\n      return option.signature.indexOf((query || '').toLowerCase()) === 0;\n    }\n    return false;\n  });\n};\n\n/**\n * Takes a dot query and returns the completions options at the current level\n * @param dotQuery query such as \"contact.first_n\"\n */\nexport const getCompletions = (\n  schema: CompletionSchema,\n  dotQuery: string,\n  keyedAssets: KeyedAssets = {},\n  session: boolean\n): CompletionOption[] => {\n  const parts = (dotQuery || '').split('.');\n  let currentProps: CompletionProperty[] = session\n    ? schema.root\n    : schema.root_no_session;\n\n  if (!currentProps) {\n    return [];\n  }\n\n  let prefix = '';\n  let part = '';\n  while (parts.length > 0) {\n    part = parts.shift();\n    if (part) {\n      // eslint-disable-next-line\n      const nextProp = currentProps.find(\n        (prop: CompletionProperty) => prop.key === part\n      );\n      if (nextProp) {\n        // eslint-disable-next-line\n        const nextType = schema.types.find(\n          (type: CompletionType) => type.name === nextProp.type\n        );\n        if (nextType && nextType.properties) {\n          currentProps = nextType.properties;\n          prefix += part + '.';\n        } else if (nextType && nextType.property_template) {\n          prefix += part + '.';\n          const template = nextType.property_template;\n          if (keyedAssets[nextType.name]) {\n            currentProps = keyedAssets[nextType.name].map((key: string) => ({\n              key: template.key.replace('{key}', key),\n              help: template.help.replace('{key}', key),\n              type: template.type\n            }));\n          } else {\n            currentProps = [];\n          }\n        } else {\n          // eslint-disable-next-line\n          currentProps = currentProps.filter((prop: CompletionProperty) =>\n            prop.key.startsWith(part.toLowerCase())\n          );\n          break;\n        }\n      } else {\n        // eslint-disable-next-line\n        currentProps = currentProps.filter((prop: CompletionProperty) =>\n          prop.key.startsWith(part.toLowerCase())\n        );\n        break;\n      }\n    }\n  }\n\n  return currentProps.map((prop: CompletionProperty) => {\n    const name =\n      prop.key === '__default__'\n        ? prefix.substr(0, prefix.length - 1)\n        : prefix + prop.key;\n    return { name, summary: prop.help };\n  });\n};\n\nexport const getOffset = (el: HTMLElement) => {\n  const rect = el.getBoundingClientRect(),\n    scrollLeft = window.pageXOffset || document.documentElement.scrollLeft,\n    scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n  return { top: rect.top + scrollTop, left: rect.left + scrollLeft };\n};\n\nexport const getVerticalScroll = (ele: Node) => {\n  let current = ele;\n  const verticalScroll = 0;\n  while (current) {\n    current = current.parentNode;\n  }\n  return verticalScroll;\n};\n\nexport const getCompletionName = (option: CompletionOption): string => {\n  return (\n    option.name || option.signature.substr(0, option.signature.indexOf('('))\n  );\n};\n\nexport const getCompletionSignature = (option: CompletionOption): string => {\n  return option.signature.substr(option.signature.indexOf('('));\n};\n\n/**\n * Determines the pixel position of position inside a textarea or input\n * TODO: Explore somethign like contenteditable to avoid this madness\n * see: https://jh3y.medium.com/how-to-where-s-the-caret-getting-the-xy-position-of-the-caret-a24ba372990a\n */\nconst getCursorXY = (input, selectionPoint) => {\n  const { offsetLeft: inputX, offsetTop: inputY } = input;\n  const div = document.createElement('div');\n  const copyStyle = getComputedStyle(input);\n  for (const prop of copyStyle) {\n    div.style[prop] = copyStyle[prop];\n  }\n  div.style.position = 'relative';\n  const swap = '.';\n  const inputValue =\n    input.tagName === 'INPUT' ? input.value.replace(/ /g, swap) : input.value;\n  const textContent = inputValue.substr(0, selectionPoint);\n  div.textContent = textContent;\n  if (input.tagName === 'TEXTAREA') div.style.height = 'auto';\n  if (input.tagName === 'INPUT') div.style.width = 'auto';\n  const span = document.createElement('span');\n  span.textContent = inputValue.substr(selectionPoint) || '.';\n  div.appendChild(span);\n  document.body.appendChild(div);\n  const { offsetLeft: spanX, offsetTop: spanY } = span;\n  document.body.removeChild(div);\n  return {\n    left: inputX + spanX,\n    top: inputY + spanY\n  };\n};\n\nexport const updateInputElementWithCompletion = (\n  currentQuery: string,\n  ele: HTMLInputElement,\n  option: CompletionOption\n) => {\n  let insertText = '';\n\n  if (option.signature) {\n    // they selected a function\n    insertText = option.signature.substr(0, option.signature.indexOf('(') + 1);\n  } else {\n    insertText = option.name;\n  }\n\n  const queryLength = currentQuery.length;\n\n  if (ele) {\n    const value = ele.value;\n    const insertionPoint = ele.selectionStart - queryLength;\n\n    // strip out our query\n    // const insertionPoint = value.lastIndexOf(value.substring(0, this.inputElement.selectionStart));\n    const leftSide = value.substr(0, insertionPoint);\n    const remaining = value.substr(insertionPoint + queryLength);\n    const caret = leftSide.length + insertText.length;\n\n    // set our value and our new caret\n    ele.value = leftSide + insertText + remaining;\n    ele.setSelectionRange(caret, caret);\n\n    // now scroll our text box if necessary\n    const position = getCursorXY(ele, caret);\n    if (position.left > ele.width) {\n      ele.scrollLeft = position.left;\n    }\n\n    ele.dispatchEvent(new Event('input'));\n  }\n};\n\nexport const executeCompletionQuery = (\n  ele: HTMLInputElement,\n  store: Store,\n  session: boolean\n): CompletionResult => {\n  const result: CompletionResult = {\n    currentFunction: null,\n    options: [],\n    anchorPosition: null,\n    query: null\n  };\n\n  if (!ele) {\n    return;\n  }\n\n  // we need a store to do anything useful\n  if (!store) {\n    return result;\n  }\n\n  const cursor = ele.selectionStart;\n  const input = ele.value.substring(0, cursor);\n\n  const parser = session ? sessionParser : messageParser;\n  const expressions = parser.findExpressions(input);\n  const currentExpression = expressions.find(\n    (expr: Expression) =>\n      expr.start <= cursor &&\n      (expr.end > cursor || (expr.end === cursor && !expr.closed))\n  );\n\n  if (currentExpression) {\n    const includeFunctions = currentExpression.text.indexOf('(') > -1;\n    if (includeFunctions) {\n      const functionQuery = parser.functionContext(currentExpression.text);\n      if (functionQuery) {\n        const fns = getFunctions(store.getFunctions(), functionQuery);\n        if (fns.length > 0) {\n          result.currentFunction = fns[0];\n        }\n      }\n    }\n\n    for (let i = currentExpression.text.length; i >= 0; i--) {\n      const curr = currentExpression.text[i];\n      if (\n        curr === '@' ||\n        curr === '(' ||\n        curr === ' ' ||\n        curr === ',' ||\n        curr === ')' ||\n        i === 0\n      ) {\n        // don't include non-expression chars\n        if (\n          curr === '(' ||\n          curr === ' ' ||\n          curr === ',' ||\n          curr === ')' ||\n          curr === '@'\n        ) {\n          i++;\n        }\n\n        const caret = getCursorXY(ele, currentExpression.start + i);\n\n        result.anchorPosition = {\n          left: caret.left - 2 - ele.scrollLeft,\n          top: caret.top - ele.scrollTop\n        };\n\n        result.query = currentExpression.text.substr(\n          i,\n          currentExpression.text.length - i\n        );\n\n        result.options = [\n          ...getCompletions(\n            store.getCompletionSchema(),\n            result.query,\n            store.getKeyedAssets(),\n            session\n          ),\n          ...(includeFunctions\n            ? getFunctions(store.getFunctions(), result.query)\n            : [])\n        ];\n\n        return result;\n      }\n    }\n  } else {\n    result.options = [];\n    result.query = '';\n  }\n  return result;\n};\n"]}

package/out-tsc/src/compose/Compose.js

@@ -4,7 +4,7 @@ import { FormElement } from '../FormElement';
 import { property } from 'lit/decorators.js';
 import { Icon } from '../vectoricon';
 import { CustomEventType } from '../interfaces';
-import { formatFileSize, getClasses, postFormData, truncate, DEFAULT_MEDIA_ENDPOINT, isImageAttachment, } from '../utils';
+import { formatFileSize, getClasses, postFormData, truncate, DEFAULT_MEDIA_ENDPOINT, isImageAttachment } from '../utils';
 export class Compose extends FormElement {
     static get styles() {
         return css `
@@ -241,7 +241,7 @@ export class Compose extends FormElement {
     }
     getEventHandlers() {
         return [
-            { event: CustomEventType.ContextChanged, method: this.handleTabChanged },
+            { event: CustomEventType.ContextChanged, method: this.handleTabChanged }
         ];
     }
     firstUpdated(changes) {
@@ -260,7 +260,7 @@ export class Compose extends FormElement {
             let langValue = {
                 text: '',
                 attachments: [],
-                quick_replies: [],
+                quick_replies: []
             };
             if (this.currentLanguage in this.langValues) {
                 langValue = this.langValues[this.currentLanguage];
@@ -268,7 +268,7 @@ export class Compose extends FormElement {
             this.currentText = langValue.text;
             this.initialText = langValue.text;
             this.currentAttachments = langValue.attachments;
-            this.currentQuickReplies = (langValue.quick_replies || []).map(value => {
+            this.currentQuickReplies = (langValue.quick_replies || []).map((value) => {
                 return { name: value, value };
             });
             this.currentOptin = langValue['optin'] ? [langValue['optin']] : [];
@@ -294,8 +294,8 @@ export class Compose extends FormElement {
                 this.langValues[this.currentLanguage] = {
                     text: trimmed,
                     attachments: this.currentAttachments,
-                    quick_replies: this.currentQuickReplies.map(option => option.value),
-                    optin: this.currentOptin.length > 0 ? this.currentOptin[0] : null,
+                    quick_replies: this.currentQuickReplies.map((option) => option.value),
+                    optin: this.currentOptin.length > 0 ? this.currentOptin[0] : null
                 };
             }
             else {
@@ -326,7 +326,7 @@ export class Compose extends FormElement {
         this.failedAttachments = [];
         this.buttonError = '';
     }
-    handleQuickReplyChange(event) {
+    handleQuickReplyChange() {
         this.requestUpdate('currentQuickReplies');
     }
     handleOptInChange(event) {
@@ -387,8 +387,8 @@ export class Compose extends FormElement {
         let filesToUpload = [];
         if (this.currentAttachments && this.currentAttachments.length > 0) {
             //remove duplicate files that have already been uploaded
-            filesToUpload = [...files].filter(file => {
-                const index = this.currentAttachments.findIndex(value => value.filename === file.name && value.size === file.size);
+            filesToUpload = [...files].filter((file) => {
+                const index = this.currentAttachments.findIndex((value) => value.filename === file.name && value.size === file.size);
                 if (index === -1) {
                     return file;
                 }
@@ -397,7 +397,7 @@ export class Compose extends FormElement {
         else {
             filesToUpload = [...files];
         }
-        filesToUpload.map(fileToUpload => {
+        filesToUpload.map((fileToUpload) => {
             this.uploadFile(fileToUpload);
         });
     }
@@ -438,7 +438,7 @@ export class Compose extends FormElement {
         this.requestUpdate('currentAttachments');
     }
     removeCurrentAttachment(attachmentToRemove) {
-        this.currentAttachments = this.currentAttachments.filter(currentAttachment => currentAttachment !== attachmentToRemove);
+        this.currentAttachments = this.currentAttachments.filter((currentAttachment) => currentAttachment !== attachmentToRemove);
         this.requestUpdate('currentAttachments');
     }
     addFailedAttachment(file, error) {
@@ -448,7 +448,7 @@ export class Compose extends FormElement {
             filename: file.name,
             url: file.name,
             size: file.size,
-            error: error,
+            error: error
         };
         this.failedAttachments.push(failedAttachment);
         this.requestUpdate('failedAttachments');
@@ -591,7 +591,7 @@ export class Compose extends FormElement {
         return html `
       ${this.attachments
             ? html ` <div class="attachments-list">
-              ${this.currentAttachments.map(validAttachment => {
+              ${this.currentAttachments.map((validAttachment) => {
                 return html ` <div class="attachment-item">
                   <temba-icon
                     class="remove-item"
@@ -610,7 +610,7 @@ export class Compose extends FormElement {
             })}
               ${this.getUploader()}
             </div>
-            ${this.failedAttachments.map(invalidAttachment => {
+            ${this.failedAttachments.map((invalidAttachment) => {
                 return html ` <div class="attachment-item error">
                 <div
                   class="remove-item error"

package/out-tsc/src/compose/Compose.js.map

@@ -1 +1 @@
-{"version":3,"file":"Compose.js","sourceRoot":"","sources":["../../../src/compose/Compose.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html, css } from 'lit';\nimport { FormElement } from '../FormElement';\nimport { property } from 'lit/decorators.js';\nimport { Icon } from '../vectoricon';\nimport { Attachment, CustomEventType, Language } from '../interfaces';\nimport {\n  formatFileSize,\n  getClasses,\n  postFormData,\n  truncate,\n  DEFAULT_MEDIA_ENDPOINT,\n  WebResponse,\n  isImageAttachment,\n} from '../utils';\nimport { Completion } from '../completion/Completion';\nimport { Select } from '../select/Select';\nimport { TabPane } from '../tabpane/TabPane';\nimport { EventHandler } from '../RapidElement';\n\nexport class Compose extends FormElement {\n  static get styles() {\n    return css`\n      .container {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        position: relative;\n\n        border-radius: var(--curvature-widget);\n        background: var(--color-widget-bg);\n        border: var(--compose-border, 1px solid var(--color-widget-border));\n        transition: all ease-in-out var(--transition-speed);\n        box-shadow: var(--compose-shadow, var(--widget-box-shadow));\n        caret-color: var(--input-caret);\n      }\n\n      .drop-mask {\n        opacity: 0;\n        pointer-events: none;\n        position: absolute;\n        height: 100%;\n        width: 100%;\n        bottom: 0;\n        right: 0;\n        background: rgba(210, 243, 184, 0.8);\n        border-radius: var(--curvature-widget);\n        transition: opacity ease-in-out var(--transition-speed);\n        display: flex;\n        align-items: center;\n        text-align: center;\n      }\n\n      .highlight .drop-mask {\n        opacity: 1;\n      }\n\n      .drop-mask > div {\n        margin: auto;\n        border-radius: var(--curvature-widget);\n        font-weight: 400;\n        color: rgba(0, 0, 0, 0.5);\n      }\n\n      .items {\n      }\n\n      .chatbox {\n        --color-widget-border: none;\n        --curvature-widget: var(\n          --compose-curvature,\n          var(--curvature) var(--curvature) 0px 0px\n        );\n        --textarea-min-height: var(--textarea-min-height, 4em);\n        --widget-box-shadow: none;\n        padding: var(--compose-padding, 0px);\n      }\n\n      .attachments {\n      }\n      .attachments-list {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        padding: 0.2em;\n      }\n      .attachment-item {\n        padding: 0.4em;\n      }\n      .attachment-item.error {\n        background: #fff;\n        color: rgba(250, 0, 0, 0.75);\n        padding: 0.2em;\n        margin: 0.3em 0.5em;\n        border-radius: var(--curvature);\n        display: block;\n      }\n\n      .remove-item {\n        position: absolute;\n        --icon-color: #ccc;\n        background: #fff;\n        border-radius: 99%;\n        transform: scale(0);\n        transition: transform 200ms linear;\n      }\n\n      .attachment-item:hover .remove-item {\n        transform: scale(1);\n      }\n\n      .remove-item:hover {\n        --icon-color: #333;\n        cursor: pointer;\n      }\n\n      .remove-item.error:hover {\n        background: rgba(250, 0, 0, 0.1);\n      }\n\n      .remove-item.error {\n        background: rgba(250, 0, 0, 0.05);\n        color: rgba(250, 0, 0, 0.75);\n      }\n      .attachment-name {\n        align-self: center;\n        font-size: 12px;\n        padding: 2px 8px;\n      }\n\n      .actions {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 0em;\n        background: #f9f9f9;\n        border-bottom-left-radius: var(--curvature);\n        border-bottom-right-radius: var(--curvature);\n        border-top: solid 1px var(--color-widget-border);\n      }\n\n      #upload-input {\n        display: none;\n      }\n      .upload-label {\n        display: flex;\n        align-items: center;\n      }\n      .upload-icon {\n        color: rgb(102, 102, 102);\n      }\n      .actions-right {\n        display: flex;\n        align-items: center;\n      }\n      temba-charcount {\n        margin-right: 5px;\n        overflow: hidden;\n        --temba-charcount-counts-margin-top: 0px;\n        --temba-charcount-summary-margin-top: 0px;\n        --temba-charcount-summary-position: fixed;\n        --temba-charcount-summary-right: 105px;\n        --temba-charcount-summary-bottom: 105px;\n      }\n      temba-button {\n        --button-y: 1px;\n        --button-x: 12px;\n      }\n      .send-error {\n        color: rgba(250, 0, 0, 0.75);\n        font-size: var(--help-text-size);\n      }\n\n      .language {\n        margin-bottom: 0.6em;\n        display: block;\n      }\n\n      .top-right {\n        align-items: center;\n        display: flex;\n      }\n\n      #send-button {\n        margin: 0.3em;\n      }\n\n      temba-tabs {\n        --focused-tab-color: #f4f4f4;\n      }\n\n      .quick-replies {\n        margin: 0.8em;\n      }\n\n      .add-attachment {\n        padding: 1em;\n        background: #eee;\n        border-radius: var(--curvature);\n        color: #aaa;\n        margin: 0.5em;\n      }\n\n      .add-attachment:hover {\n        background: #e9e9e9;\n        cursor: pointer;\n      }\n\n      temba-loading {\n        margin: auto 1em;\n      }\n\n      .optins {\n        padding: 1em;\n      }\n    `;\n  }\n\n  @property({ type: Number })\n  index = 1;\n\n  @property({ type: Number })\n  maxAttachments = 3;\n\n  @property({ type: Number })\n  maxLength = 640;\n\n  @property({ type: Boolean })\n  completion: boolean;\n\n  @property({ type: Boolean })\n  chatbox: boolean;\n\n  @property({ type: Boolean })\n  attachments: boolean;\n\n  @property({ type: Boolean })\n  quickReplies: boolean;\n\n  @property({ type: Boolean })\n  optIns: boolean;\n\n  @property({ type: Boolean })\n  counter: boolean;\n\n  @property({ type: Boolean })\n  pendingDrop: boolean;\n\n  @property({ type: Boolean })\n  button: boolean;\n\n  @property({ type: String })\n  currentText = '';\n\n  @property({ type: String })\n  initialText = '';\n\n  @property({ type: String })\n  accept = ''; //e.g. \".xls,.xlsx\"\n\n  @property({ type: String, attribute: false })\n  endpoint = DEFAULT_MEDIA_ENDPOINT;\n\n  @property({ type: Boolean, attribute: false })\n  uploading: boolean;\n\n  @property({ type: Array })\n  languages: Language[] = [];\n\n  @property({ type: Array })\n  currentAttachments: Attachment[] = [];\n\n  @property({ type: Array })\n  currentQuickReplies: { name: string; value: string }[] = [];\n\n  @property({ type: Array })\n  currentOptin: { name: string; uuid: string }[] = [];\n\n  @property({ type: String })\n  optinEndpoint = '/api/v2/optins.json';\n\n  @property({ type: Array, attribute: false })\n  failedAttachments: Attachment[] = [];\n\n  @property({ type: String })\n  buttonName = 'Send';\n\n  @property({ type: Boolean, attribute: false })\n  buttonDisabled = true;\n\n  @property({ type: String, attribute: false })\n  buttonError = '';\n\n  @property({ type: Boolean, attribute: 'widget_only' })\n  widgetOnly: boolean;\n\n  @property({ type: Array })\n  errors: string[];\n\n  @property({ type: Object })\n  langValues: {\n    [lang: string]: {\n      text: string;\n      attachments: Attachment[];\n      quick_replies: string[];\n      optin?: { name: string; uuid: string };\n    };\n  } = {};\n\n  @property({ type: String })\n  currentLanguage = 'und';\n\n  public constructor() {\n    super();\n  }\n\n  private isBaseLanguage(): boolean {\n    return (\n      this.currentLanguage == 'und' ||\n      this.currentLanguage == this.languages[0].iso\n    );\n  }\n\n  private handleTabChanged() {\n    const tabs = this.shadowRoot.querySelector('temba-tabs') as TabPane;\n    const tab = tabs.getCurrentTab();\n    if (tab) {\n      // check we are going for the first attachment\n      if (tab.icon == 'attachment') {\n        if (this.currentAttachments.length == 0) {\n          this.handleUploadFileIconClicked();\n        }\n      }\n    }\n  }\n\n  public getEventHandlers(): EventHandler[] {\n    return [\n      { event: CustomEventType.ContextChanged, method: this.handleTabChanged },\n    ];\n  }\n\n  public firstUpdated(changes: Map<string, any>): void {\n    super.firstUpdated(changes);\n\n    if (changes.has('languages') && this.languages.length > 0) {\n      this.currentLanguage = this.languages[0].iso;\n    }\n\n    if (changes.has('value')) {\n      this.langValues = this.getDeserializedValue() || {};\n    }\n    this.setFocusOnChatbox();\n  }\n\n  public updated(changes: Map<string, any>): void {\n    super.updated(changes);\n\n    if (changes.has('currentLanguage') && this.langValues) {\n      let langValue = {\n        text: '',\n        attachments: [],\n        quick_replies: [],\n      };\n\n      if (this.currentLanguage in this.langValues) {\n        langValue = this.langValues[this.currentLanguage];\n      }\n\n      this.currentText = langValue.text;\n      this.initialText = langValue.text;\n      this.currentAttachments = langValue.attachments;\n      this.currentQuickReplies = (langValue.quick_replies || []).map(value => {\n        return { name: value, value };\n      });\n      this.currentOptin = langValue['optin'] ? [langValue['optin']] : [];\n      this.setFocusOnChatbox();\n\n      // TODO: this feels like it shouldn't be needed\n      const chatbox = this.shadowRoot.querySelector('.chatbox') as any;\n      if (chatbox) {\n        chatbox.value = this.initialText;\n      }\n      this.resetTabs();\n      this.requestUpdate('currentAttachments');\n    }\n\n    if (\n      (this.langValues &&\n        (changes.has('currentText') ||\n          changes.has('currentAttachments') ||\n          changes.has('currentQuickReplies'))) ||\n      changes.has('currentOptin')\n    ) {\n      this.toggleButton();\n\n      const trimmed = this.currentText ? this.currentText.trim() : '';\n      if (\n        trimmed ||\n        this.currentAttachments.length > 0 ||\n        this.currentQuickReplies.length > 0\n      ) {\n        this.langValues[this.currentLanguage] = {\n          text: trimmed,\n          attachments: this.currentAttachments,\n          quick_replies: this.currentQuickReplies.map(option => option.value),\n          optin: this.currentOptin.length > 0 ? this.currentOptin[0] : null,\n        };\n      } else {\n        delete this.langValues[this.currentLanguage];\n      }\n      this.fireCustomEvent(CustomEventType.ContentChanged, this.langValues);\n      this.requestUpdate('langValues');\n      this.setValue(this.langValues);\n    }\n  }\n\n  private setFocusOnChatbox(): void {\n    if (this.chatbox) {\n      const completion = this.shadowRoot.querySelector(\n        '.chatbox'\n      ) as Completion;\n      if (completion) {\n        window.setTimeout(() => {\n          completion.focus();\n          // this.resetTabs();\n        }, 0);\n      }\n    }\n  }\n\n  public reset(): void {\n    (this.shadowRoot.querySelector('.chatbox') as HTMLInputElement).value = '';\n    this.initialText = '';\n    this.currentText = '';\n    this.currentQuickReplies = [];\n    this.currentAttachments = [];\n    this.failedAttachments = [];\n    this.buttonError = '';\n  }\n\n  private handleQuickReplyChange(event: InputEvent) {\n    this.requestUpdate('currentQuickReplies');\n  }\n\n  private handleOptInChange(event: InputEvent) {\n    this.currentOptin = (event.target as any).values;\n    this.requestUpdate('optIn');\n  }\n\n  private handleChatboxChange(evt: Event) {\n    const chatbox = evt.target as HTMLInputElement;\n    this.currentText = chatbox.value;\n  }\n\n  private handleDragEnter(evt: DragEvent): void {\n    this.highlight(evt);\n  }\n\n  private handleDragOver(evt: DragEvent): void {\n    this.highlight(evt);\n  }\n\n  private handleDragLeave(evt: DragEvent): void {\n    this.unhighlight(evt);\n  }\n\n  private handleDrop(evt: DragEvent): void {\n    if (this.canAcceptAttachments()) {\n      this.unhighlight(evt);\n      const dt = evt.dataTransfer;\n      if (dt) {\n        const files = dt.files;\n        this.uploadFiles(files);\n      }\n    }\n  }\n\n  private preventDefaults(evt: Event): void {\n    evt.preventDefault();\n    evt.stopPropagation();\n  }\n\n  private highlight(evt: DragEvent): void {\n    if (this.canAcceptAttachments()) {\n      this.pendingDrop = true;\n      this.preventDefaults(evt);\n    }\n  }\n\n  private unhighlight(evt: DragEvent): void {\n    if (this.canAcceptAttachments()) {\n      this.pendingDrop = false;\n      this.preventDefaults(evt);\n    }\n  }\n\n  private handleUploadFileIconClicked(): void {\n    this.dispatchEvent(new Event('change'));\n  }\n\n  private handleUploadFileInputChanged(evt: Event): void {\n    const target = evt.target as HTMLInputElement;\n    const files = target.files;\n    this.uploadFiles(files);\n  }\n\n  public canAcceptAttachments() {\n    return (\n      this.attachments && this.currentAttachments.length < this.maxAttachments\n    );\n  }\n\n  public uploadFiles(files: FileList): void {\n    let filesToUpload = [];\n    if (this.currentAttachments && this.currentAttachments.length > 0) {\n      //remove duplicate files that have already been uploaded\n      filesToUpload = [...files].filter(file => {\n        const index = this.currentAttachments.findIndex(\n          value => value.filename === file.name && value.size === file.size\n        );\n        if (index === -1) {\n          return file;\n        }\n      });\n    } else {\n      filesToUpload = [...files];\n    }\n    filesToUpload.map(fileToUpload => {\n      this.uploadFile(fileToUpload);\n    });\n  }\n\n  private uploadFile(file: File): void {\n    this.uploading = true;\n\n    const url = this.endpoint;\n    const payload = new FormData();\n    payload.append('file', file);\n    postFormData(url, payload)\n      .then((response: WebResponse) => {\n        if (this.currentAttachments.length >= this.maxAttachments) {\n          this.addFailedAttachment(file, 'Too many attachments');\n        } else {\n          const attachment = response.json as Attachment;\n          if (attachment) {\n            this.addCurrentAttachment(attachment);\n          }\n        }\n      })\n      .catch((error: WebResponse) => {\n        let uploadError = '';\n        if (error.status === 400) {\n          uploadError = error.json.file[0];\n        } else {\n          uploadError = 'Server failure';\n        }\n        console.error(uploadError);\n        this.addFailedAttachment(file, uploadError);\n      })\n      .finally(() => {\n        this.uploading = false;\n      });\n  }\n\n  private addCurrentAttachment(attachmentToAdd: any) {\n    this.currentAttachments.push(attachmentToAdd);\n    this.requestUpdate('currentAttachments');\n  }\n  private removeCurrentAttachment(attachmentToRemove: any) {\n    this.currentAttachments = this.currentAttachments.filter(\n      currentAttachment => currentAttachment !== attachmentToRemove\n    );\n    this.requestUpdate('currentAttachments');\n  }\n\n  private addFailedAttachment(file: File, error: string) {\n    const failedAttachment = {\n      uuid: Math.random().toString(36).slice(2, 6),\n      content_type: file.type,\n      filename: file.name,\n      url: file.name,\n      size: file.size,\n      error: error,\n    } as Attachment;\n    this.failedAttachments.push(failedAttachment);\n    this.requestUpdate('failedAttachments');\n  }\n  private removeFailedAttachment(attachmentToRemove: any) {\n    this.failedAttachments = this.failedAttachments.filter(\n      (failedAttachment: any) => failedAttachment !== attachmentToRemove\n    );\n    this.requestUpdate('failedAttachments');\n  }\n\n  private handleRemoveFileClicked(evt: Event): void {\n    const target = evt.target as HTMLDivElement;\n\n    const currentAttachmentToRemove = this.currentAttachments.find(\n      ({ uuid }) => uuid === target.id\n    );\n    if (currentAttachmentToRemove) {\n      this.removeCurrentAttachment(currentAttachmentToRemove);\n    }\n\n    const failedAttachmentToRemove = this.failedAttachments.find(\n      ({ uuid }) => uuid === target.id\n    );\n    if (failedAttachmentToRemove) {\n      this.removeFailedAttachment(failedAttachmentToRemove);\n    }\n  }\n\n  public toggleButton() {\n    if (this.button) {\n      this.buttonError = '';\n      const chatboxEmpty = this.currentText.trim().length === 0;\n      const attachmentsEmpty = this.currentAttachments.length === 0;\n      if (this.chatbox && this.attachments) {\n        this.buttonDisabled = chatboxEmpty && attachmentsEmpty;\n      } else if (this.chatbox) {\n        this.buttonDisabled = chatboxEmpty;\n      } else if (this.attachments) {\n        this.buttonDisabled = attachmentsEmpty;\n      } else {\n        this.buttonDisabled = true;\n      }\n    }\n  }\n\n  private handleSendClick(evt: Event) {\n    evt.stopPropagation();\n    this.handleSend();\n  }\n\n  private handleSendEnter(evt: KeyboardEvent) {\n    if (this.button) {\n      if (evt.key === 'Enter' && !evt.shiftKey) {\n        if (this.completion) {\n          const chat = evt.target as Completion;\n          if (!chat.hasVisibleOptions()) {\n            this.handleSend();\n            this.preventDefaults(evt);\n          }\n        } else {\n          this.handleSend();\n          this.preventDefaults(evt);\n        }\n      }\n    }\n  }\n\n  private handleSend() {\n    if (!this.buttonDisabled) {\n      this.buttonDisabled = true;\n      const name = this.buttonName;\n      this.fireCustomEvent(CustomEventType.ButtonClicked, { name });\n    }\n  }\n\n  private handleLanguageChange(evt: Event) {\n    const select = evt.target as Select;\n    this.currentLanguage = select.values[0].iso;\n  }\n\n  public resetTabs() {\n    (this.shadowRoot.querySelector('temba-tabs') as TabPane).index = -1;\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <temba-field\n        name=${this.name}\n        .errors=${this.errors}\n        .widgetOnly=${this.widgetOnly}\n        .value=${this.value}\n      >\n        ${this.languages.length > 1\n          ? html`<temba-select\n              @change=${this.handleLanguageChange}\n              class=\"language\"\n              name=\"language\"\n              .staticOptions=${this.languages}\n              valueKey=\"iso\"\n            >\n            </temba-select>`\n          : null}\n\n        <div\n          class=${getClasses({ container: true, highlight: this.pendingDrop })}\n          @dragenter=\"${this.handleDragEnter}\"\n          @dragover=\"${this.handleDragOver}\"\n          @dragleave=\"${this.handleDragLeave}\"\n          @drop=\"${this.handleDrop}\"\n        >\n          <div class=\"drop-mask\"><div>Upload Attachment</div></div>\n\n          ${this.chatbox ? html`${this.getChatbox()}` : null}\n\n          <div class=\"items actions\">${this.getActions()}</div>\n        </div>\n      </temba-field>\n    `;\n  }\n\n  private getChatbox(): TemplateResult {\n    if (this.completion) {\n      return html`<temba-completion\n        class=\"chatbox\"\n        .value=${this.initialText}\n        gsm\n        textarea\n        autogrow\n        maxlength=${this.maxLength}\n        @change=${this.handleChatboxChange}\n        @keydown=${this.handleSendEnter}\n        placeholder=\"Write something here\"\n      >\n      </temba-completion>`;\n    } else {\n      return html`<temba-textinput\n        class=\"chatbox\"\n        gsm\n        textarea\n        autogrow\n        maxlength=${this.maxLength}\n        .value=${this.initialText}\n        @change=${this.handleChatboxChange}\n        @keydown=${this.handleSendEnter}\n        placeholder=\"Write something here\"\n      >\n      </temba-textinput>`;\n    }\n  }\n\n  private getAttachments(): TemplateResult {\n    return html`\n      ${this.attachments\n        ? html` <div class=\"attachments-list\">\n              ${this.currentAttachments.map(validAttachment => {\n                return html` <div class=\"attachment-item\">\n                  <temba-icon\n                    class=\"remove-item\"\n                    @click=\"${this.handleRemoveFileClicked}\"\n                    id=\"${validAttachment.uuid}\"\n                    name=\"${Icon.delete_small}\"\n                  ></temba-icon>\n                  ${isImageAttachment(validAttachment)\n                    ? html`<temba-thumbnail\n                        url=\"${validAttachment.url}\"\n                      ></temba-thumbnail>`\n                    : html`<temba-thumbnail\n                        label=\"${validAttachment.content_type.split('/')[1]}\"\n                      ></temba-thumbnail>`}\n                </div>`;\n              })}\n              ${this.getUploader()}\n            </div>\n            ${this.failedAttachments.map(invalidAttachment => {\n              return html` <div class=\"attachment-item error\">\n                <div\n                  class=\"remove-item error\"\n                  @click=\"${this.handleRemoveFileClicked}\"\n                >\n                  <temba-icon\n                    id=\"${invalidAttachment.uuid}\"\n                    name=\"${Icon.delete_small}\"\n                  ></temba-icon>\n                </div>\n                <div class=\"attachment-name\">\n                  <span\n                    title=\"${invalidAttachment.filename} (${formatFileSize(\n                      0,\n                      0\n                    )}) - Attachment failed - ${invalidAttachment.error}\"\n                    >${truncate(invalidAttachment.filename, 25)}\n                    (${formatFileSize(0, 0)}) - Attachment failed</span\n                  >\n                </div>\n              </div>`;\n            })}`\n        : null}\n    `;\n  }\n\n  private getActions(): TemplateResult {\n    const showOptins = this.optIns && this.isBaseLanguage();\n    return html`\n      <temba-tabs\n        embedded\n        focusedname\n        bottom\n        refresh=\"${this.currentAttachments.length}|${this.index}|${this\n          .currentQuickReplies.length}|${showOptins}|${this.currentOptin}\"\n      >\n        ${this.attachments\n          ? html`<temba-tab\n              name=\"Attachments\"\n              icon=\"attachment\"\n              .count=${this.currentAttachments.length}\n            >\n              <div class=\"items attachments\">${this.getAttachments()}</div>\n            </temba-tab>`\n          : null}\n        ${this.quickReplies\n          ? html`<temba-tab\n              name=\"Quick Replies\"\n              icon=\"quick_replies\"\n              .count=${this.currentQuickReplies.length}\n            >\n              <temba-select\n                @change=${this.handleQuickReplyChange}\n                .values=${this.currentQuickReplies}\n                class=\"quick-replies\"\n                tags\n                multi\n                searchable\n                expressions\n                placeholder=\"Add Quick Reply\"\n              ></temba-select>\n            </temba-tab>`\n          : null}\n        <temba-tab\n          name=\"Opt-in\"\n          icon=\"channel_fba\"\n          ?hidden=${!showOptins}\n          ?checked=${this.currentOptin.length > 0}\n        >\n          <temba-select\n            @change=${this.handleOptInChange}\n            .values=${this.currentOptin}\n            endpoint=\"${this.optinEndpoint}\"\n            class=\"optins\"\n            searchable\n            clearable\n            placeholder=\"Select an opt-in to use for Facebook (optional)\"\n          ></temba-select>\n        </temba-tab>\n\n        <div slot=\"tab-right\" class=\"top-right\">\n          ${this.buttonError\n            ? html`<div class=\"send-error\">${this.buttonError}</div>`\n            : null}\n          ${this.counter ? this.getCounter() : null}\n          ${this.button ? this.getButton() : null}\n        </div>\n      </temba-tabs>\n    `;\n  }\n\n  private getUploader(): TemplateResult {\n    if (this.uploading) {\n      return html`<temba-loading units=\"3\" size=\"12\"></temba-loading>`;\n    } else {\n      return this.currentAttachments.length < this.maxAttachments\n        ? html`<input\n              type=\"file\"\n              id=\"upload-input\"\n              multiple\n              accept=\"${this.accept}\"\n              @change=\"${this.handleUploadFileInputChanged}\"\n            />\n            <label\n              id=\"upload-label\"\n              class=\"actions-left upload-label\"\n              for=\"upload-input\"\n            >\n              <div\n                class=\"add-attachment\"\n                @click=\"${this.handleUploadFileIconClicked}\"\n              >\n                <temba-icon name=\"add\" size=\"1.5\"></temba-icon>\n              </div>\n            </label>`\n        : null;\n    }\n  }\n\n  private getCounter(): TemplateResult {\n    return html`<temba-charcount\n      .text=\"${this.currentText}\"\n    ></temba-charcount>`;\n  }\n\n  private getButton(): TemplateResult {\n    return html` <temba-button\n      id=\"send-button\"\n      name=${this.buttonName}\n      @click=${this.handleSendClick}\n      ?disabled=${this.buttonDisabled}\n    ></temba-button>`;\n  }\n}\n"]}
+{"version":3,"file":"Compose.js","sourceRoot":"","sources":["../../../src/compose/Compose.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html, css } from 'lit';\nimport { FormElement } from '../FormElement';\nimport { property } from 'lit/decorators.js';\nimport { Icon } from '../vectoricon';\nimport { Attachment, CustomEventType, Language } from '../interfaces';\nimport {\n  formatFileSize,\n  getClasses,\n  postFormData,\n  truncate,\n  DEFAULT_MEDIA_ENDPOINT,\n  WebResponse,\n  isImageAttachment\n} from '../utils';\nimport { Completion } from '../completion/Completion';\nimport { Select } from '../select/Select';\nimport { TabPane } from '../tabpane/TabPane';\nimport { EventHandler } from '../RapidElement';\n\nexport class Compose extends FormElement {\n  static get styles() {\n    return css`\n      .container {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        position: relative;\n\n        border-radius: var(--curvature-widget);\n        background: var(--color-widget-bg);\n        border: var(--compose-border, 1px solid var(--color-widget-border));\n        transition: all ease-in-out var(--transition-speed);\n        box-shadow: var(--compose-shadow, var(--widget-box-shadow));\n        caret-color: var(--input-caret);\n      }\n\n      .drop-mask {\n        opacity: 0;\n        pointer-events: none;\n        position: absolute;\n        height: 100%;\n        width: 100%;\n        bottom: 0;\n        right: 0;\n        background: rgba(210, 243, 184, 0.8);\n        border-radius: var(--curvature-widget);\n        transition: opacity ease-in-out var(--transition-speed);\n        display: flex;\n        align-items: center;\n        text-align: center;\n      }\n\n      .highlight .drop-mask {\n        opacity: 1;\n      }\n\n      .drop-mask > div {\n        margin: auto;\n        border-radius: var(--curvature-widget);\n        font-weight: 400;\n        color: rgba(0, 0, 0, 0.5);\n      }\n\n      .items {\n      }\n\n      .chatbox {\n        --color-widget-border: none;\n        --curvature-widget: var(\n          --compose-curvature,\n          var(--curvature) var(--curvature) 0px 0px\n        );\n        --textarea-min-height: var(--textarea-min-height, 4em);\n        --widget-box-shadow: none;\n        padding: var(--compose-padding, 0px);\n      }\n\n      .attachments {\n      }\n      .attachments-list {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        padding: 0.2em;\n      }\n      .attachment-item {\n        padding: 0.4em;\n      }\n      .attachment-item.error {\n        background: #fff;\n        color: rgba(250, 0, 0, 0.75);\n        padding: 0.2em;\n        margin: 0.3em 0.5em;\n        border-radius: var(--curvature);\n        display: block;\n      }\n\n      .remove-item {\n        position: absolute;\n        --icon-color: #ccc;\n        background: #fff;\n        border-radius: 99%;\n        transform: scale(0);\n        transition: transform 200ms linear;\n      }\n\n      .attachment-item:hover .remove-item {\n        transform: scale(1);\n      }\n\n      .remove-item:hover {\n        --icon-color: #333;\n        cursor: pointer;\n      }\n\n      .remove-item.error:hover {\n        background: rgba(250, 0, 0, 0.1);\n      }\n\n      .remove-item.error {\n        background: rgba(250, 0, 0, 0.05);\n        color: rgba(250, 0, 0, 0.75);\n      }\n      .attachment-name {\n        align-self: center;\n        font-size: 12px;\n        padding: 2px 8px;\n      }\n\n      .actions {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 0em;\n        background: #f9f9f9;\n        border-bottom-left-radius: var(--curvature);\n        border-bottom-right-radius: var(--curvature);\n        border-top: solid 1px var(--color-widget-border);\n      }\n\n      #upload-input {\n        display: none;\n      }\n      .upload-label {\n        display: flex;\n        align-items: center;\n      }\n      .upload-icon {\n        color: rgb(102, 102, 102);\n      }\n      .actions-right {\n        display: flex;\n        align-items: center;\n      }\n      temba-charcount {\n        margin-right: 5px;\n        overflow: hidden;\n        --temba-charcount-counts-margin-top: 0px;\n        --temba-charcount-summary-margin-top: 0px;\n        --temba-charcount-summary-position: fixed;\n        --temba-charcount-summary-right: 105px;\n        --temba-charcount-summary-bottom: 105px;\n      }\n      temba-button {\n        --button-y: 1px;\n        --button-x: 12px;\n      }\n      .send-error {\n        color: rgba(250, 0, 0, 0.75);\n        font-size: var(--help-text-size);\n      }\n\n      .language {\n        margin-bottom: 0.6em;\n        display: block;\n      }\n\n      .top-right {\n        align-items: center;\n        display: flex;\n      }\n\n      #send-button {\n        margin: 0.3em;\n      }\n\n      temba-tabs {\n        --focused-tab-color: #f4f4f4;\n      }\n\n      .quick-replies {\n        margin: 0.8em;\n      }\n\n      .add-attachment {\n        padding: 1em;\n        background: #eee;\n        border-radius: var(--curvature);\n        color: #aaa;\n        margin: 0.5em;\n      }\n\n      .add-attachment:hover {\n        background: #e9e9e9;\n        cursor: pointer;\n      }\n\n      temba-loading {\n        margin: auto 1em;\n      }\n\n      .optins {\n        padding: 1em;\n      }\n    `;\n  }\n\n  @property({ type: Number })\n  index = 1;\n\n  @property({ type: Number })\n  maxAttachments = 3;\n\n  @property({ type: Number })\n  maxLength = 640;\n\n  @property({ type: Boolean })\n  completion: boolean;\n\n  @property({ type: Boolean })\n  chatbox: boolean;\n\n  @property({ type: Boolean })\n  attachments: boolean;\n\n  @property({ type: Boolean })\n  quickReplies: boolean;\n\n  @property({ type: Boolean })\n  optIns: boolean;\n\n  @property({ type: Boolean })\n  counter: boolean;\n\n  @property({ type: Boolean })\n  pendingDrop: boolean;\n\n  @property({ type: Boolean })\n  button: boolean;\n\n  @property({ type: String })\n  currentText = '';\n\n  @property({ type: String })\n  initialText = '';\n\n  @property({ type: String })\n  accept = ''; //e.g. \".xls,.xlsx\"\n\n  @property({ type: String, attribute: false })\n  endpoint = DEFAULT_MEDIA_ENDPOINT;\n\n  @property({ type: Boolean, attribute: false })\n  uploading: boolean;\n\n  @property({ type: Array })\n  languages: Language[] = [];\n\n  @property({ type: Array })\n  currentAttachments: Attachment[] = [];\n\n  @property({ type: Array })\n  currentQuickReplies: { name: string; value: string }[] = [];\n\n  @property({ type: Array })\n  currentOptin: { name: string; uuid: string }[] = [];\n\n  @property({ type: String })\n  optinEndpoint = '/api/v2/optins.json';\n\n  @property({ type: Array, attribute: false })\n  failedAttachments: Attachment[] = [];\n\n  @property({ type: String })\n  buttonName = 'Send';\n\n  @property({ type: Boolean, attribute: false })\n  buttonDisabled = true;\n\n  @property({ type: String, attribute: false })\n  buttonError = '';\n\n  @property({ type: Boolean, attribute: 'widget_only' })\n  widgetOnly: boolean;\n\n  @property({ type: Array })\n  errors: string[];\n\n  @property({ type: Object })\n  langValues: {\n    [lang: string]: {\n      text: string;\n      attachments: Attachment[];\n      quick_replies: string[];\n      optin?: { name: string; uuid: string };\n    };\n  } = {};\n\n  @property({ type: String })\n  currentLanguage = 'und';\n\n  public constructor() {\n    super();\n  }\n\n  private isBaseLanguage(): boolean {\n    return (\n      this.currentLanguage == 'und' ||\n      this.currentLanguage == this.languages[0].iso\n    );\n  }\n\n  private handleTabChanged() {\n    const tabs = this.shadowRoot.querySelector('temba-tabs') as TabPane;\n    const tab = tabs.getCurrentTab();\n    if (tab) {\n      // check we are going for the first attachment\n      if (tab.icon == 'attachment') {\n        if (this.currentAttachments.length == 0) {\n          this.handleUploadFileIconClicked();\n        }\n      }\n    }\n  }\n\n  public getEventHandlers(): EventHandler[] {\n    return [\n      { event: CustomEventType.ContextChanged, method: this.handleTabChanged }\n    ];\n  }\n\n  public firstUpdated(changes: Map<string, any>): void {\n    super.firstUpdated(changes);\n\n    if (changes.has('languages') && this.languages.length > 0) {\n      this.currentLanguage = this.languages[0].iso;\n    }\n\n    if (changes.has('value')) {\n      this.langValues = this.getDeserializedValue() || {};\n    }\n    this.setFocusOnChatbox();\n  }\n\n  public updated(changes: Map<string, any>): void {\n    super.updated(changes);\n\n    if (changes.has('currentLanguage') && this.langValues) {\n      let langValue = {\n        text: '',\n        attachments: [],\n        quick_replies: []\n      };\n\n      if (this.currentLanguage in this.langValues) {\n        langValue = this.langValues[this.currentLanguage];\n      }\n\n      this.currentText = langValue.text;\n      this.initialText = langValue.text;\n      this.currentAttachments = langValue.attachments;\n      this.currentQuickReplies = (langValue.quick_replies || []).map(\n        (value) => {\n          return { name: value, value };\n        }\n      );\n      this.currentOptin = langValue['optin'] ? [langValue['optin']] : [];\n      this.setFocusOnChatbox();\n\n      // TODO: this feels like it shouldn't be needed\n      const chatbox = this.shadowRoot.querySelector('.chatbox') as any;\n      if (chatbox) {\n        chatbox.value = this.initialText;\n      }\n      this.resetTabs();\n      this.requestUpdate('currentAttachments');\n    }\n\n    if (\n      (this.langValues &&\n        (changes.has('currentText') ||\n          changes.has('currentAttachments') ||\n          changes.has('currentQuickReplies'))) ||\n      changes.has('currentOptin')\n    ) {\n      this.toggleButton();\n\n      const trimmed = this.currentText ? this.currentText.trim() : '';\n      if (\n        trimmed ||\n        this.currentAttachments.length > 0 ||\n        this.currentQuickReplies.length > 0\n      ) {\n        this.langValues[this.currentLanguage] = {\n          text: trimmed,\n          attachments: this.currentAttachments,\n          quick_replies: this.currentQuickReplies.map((option) => option.value),\n          optin: this.currentOptin.length > 0 ? this.currentOptin[0] : null\n        };\n      } else {\n        delete this.langValues[this.currentLanguage];\n      }\n      this.fireCustomEvent(CustomEventType.ContentChanged, this.langValues);\n      this.requestUpdate('langValues');\n      this.setValue(this.langValues);\n    }\n  }\n\n  private setFocusOnChatbox(): void {\n    if (this.chatbox) {\n      const completion = this.shadowRoot.querySelector(\n        '.chatbox'\n      ) as Completion;\n      if (completion) {\n        window.setTimeout(() => {\n          completion.focus();\n          // this.resetTabs();\n        }, 0);\n      }\n    }\n  }\n\n  public reset(): void {\n    (this.shadowRoot.querySelector('.chatbox') as HTMLInputElement).value = '';\n    this.initialText = '';\n    this.currentText = '';\n    this.currentQuickReplies = [];\n    this.currentAttachments = [];\n    this.failedAttachments = [];\n    this.buttonError = '';\n  }\n\n  private handleQuickReplyChange() {\n    this.requestUpdate('currentQuickReplies');\n  }\n\n  private handleOptInChange(event: InputEvent) {\n    this.currentOptin = (event.target as any).values;\n    this.requestUpdate('optIn');\n  }\n\n  private handleChatboxChange(evt: Event) {\n    const chatbox = evt.target as HTMLInputElement;\n    this.currentText = chatbox.value;\n  }\n\n  private handleDragEnter(evt: DragEvent): void {\n    this.highlight(evt);\n  }\n\n  private handleDragOver(evt: DragEvent): void {\n    this.highlight(evt);\n  }\n\n  private handleDragLeave(evt: DragEvent): void {\n    this.unhighlight(evt);\n  }\n\n  private handleDrop(evt: DragEvent): void {\n    if (this.canAcceptAttachments()) {\n      this.unhighlight(evt);\n      const dt = evt.dataTransfer;\n      if (dt) {\n        const files = dt.files;\n        this.uploadFiles(files);\n      }\n    }\n  }\n\n  private preventDefaults(evt: Event): void {\n    evt.preventDefault();\n    evt.stopPropagation();\n  }\n\n  private highlight(evt: DragEvent): void {\n    if (this.canAcceptAttachments()) {\n      this.pendingDrop = true;\n      this.preventDefaults(evt);\n    }\n  }\n\n  private unhighlight(evt: DragEvent): void {\n    if (this.canAcceptAttachments()) {\n      this.pendingDrop = false;\n      this.preventDefaults(evt);\n    }\n  }\n\n  private handleUploadFileIconClicked(): void {\n    this.dispatchEvent(new Event('change'));\n  }\n\n  private handleUploadFileInputChanged(evt: Event): void {\n    const target = evt.target as HTMLInputElement;\n    const files = target.files;\n    this.uploadFiles(files);\n  }\n\n  public canAcceptAttachments() {\n    return (\n      this.attachments && this.currentAttachments.length < this.maxAttachments\n    );\n  }\n\n  public uploadFiles(files: FileList): void {\n    let filesToUpload = [];\n    if (this.currentAttachments && this.currentAttachments.length > 0) {\n      //remove duplicate files that have already been uploaded\n      filesToUpload = [...files].filter((file) => {\n        const index = this.currentAttachments.findIndex(\n          (value) => value.filename === file.name && value.size === file.size\n        );\n        if (index === -1) {\n          return file;\n        }\n      });\n    } else {\n      filesToUpload = [...files];\n    }\n    filesToUpload.map((fileToUpload) => {\n      this.uploadFile(fileToUpload);\n    });\n  }\n\n  private uploadFile(file: File): void {\n    this.uploading = true;\n\n    const url = this.endpoint;\n    const payload = new FormData();\n    payload.append('file', file);\n    postFormData(url, payload)\n      .then((response: WebResponse) => {\n        if (this.currentAttachments.length >= this.maxAttachments) {\n          this.addFailedAttachment(file, 'Too many attachments');\n        } else {\n          const attachment = response.json as Attachment;\n          if (attachment) {\n            this.addCurrentAttachment(attachment);\n          }\n        }\n      })\n      .catch((error: WebResponse) => {\n        let uploadError = '';\n        if (error.status === 400) {\n          uploadError = error.json.file[0];\n        } else {\n          uploadError = 'Server failure';\n        }\n        console.error(uploadError);\n        this.addFailedAttachment(file, uploadError);\n      })\n      .finally(() => {\n        this.uploading = false;\n      });\n  }\n\n  private addCurrentAttachment(attachmentToAdd: any) {\n    this.currentAttachments.push(attachmentToAdd);\n    this.requestUpdate('currentAttachments');\n  }\n  private removeCurrentAttachment(attachmentToRemove: any) {\n    this.currentAttachments = this.currentAttachments.filter(\n      (currentAttachment) => currentAttachment !== attachmentToRemove\n    );\n    this.requestUpdate('currentAttachments');\n  }\n\n  private addFailedAttachment(file: File, error: string) {\n    const failedAttachment = {\n      uuid: Math.random().toString(36).slice(2, 6),\n      content_type: file.type,\n      filename: file.name,\n      url: file.name,\n      size: file.size,\n      error: error\n    } as Attachment;\n    this.failedAttachments.push(failedAttachment);\n    this.requestUpdate('failedAttachments');\n  }\n  private removeFailedAttachment(attachmentToRemove: any) {\n    this.failedAttachments = this.failedAttachments.filter(\n      (failedAttachment: any) => failedAttachment !== attachmentToRemove\n    );\n    this.requestUpdate('failedAttachments');\n  }\n\n  private handleRemoveFileClicked(evt: Event): void {\n    const target = evt.target as HTMLDivElement;\n\n    const currentAttachmentToRemove = this.currentAttachments.find(\n      ({ uuid }) => uuid === target.id\n    );\n    if (currentAttachmentToRemove) {\n      this.removeCurrentAttachment(currentAttachmentToRemove);\n    }\n\n    const failedAttachmentToRemove = this.failedAttachments.find(\n      ({ uuid }) => uuid === target.id\n    );\n    if (failedAttachmentToRemove) {\n      this.removeFailedAttachment(failedAttachmentToRemove);\n    }\n  }\n\n  public toggleButton() {\n    if (this.button) {\n      this.buttonError = '';\n      const chatboxEmpty = this.currentText.trim().length === 0;\n      const attachmentsEmpty = this.currentAttachments.length === 0;\n      if (this.chatbox && this.attachments) {\n        this.buttonDisabled = chatboxEmpty && attachmentsEmpty;\n      } else if (this.chatbox) {\n        this.buttonDisabled = chatboxEmpty;\n      } else if (this.attachments) {\n        this.buttonDisabled = attachmentsEmpty;\n      } else {\n        this.buttonDisabled = true;\n      }\n    }\n  }\n\n  private handleSendClick(evt: Event) {\n    evt.stopPropagation();\n    this.handleSend();\n  }\n\n  private handleSendEnter(evt: KeyboardEvent) {\n    if (this.button) {\n      if (evt.key === 'Enter' && !evt.shiftKey) {\n        if (this.completion) {\n          const chat = evt.target as Completion;\n          if (!chat.hasVisibleOptions()) {\n            this.handleSend();\n            this.preventDefaults(evt);\n          }\n        } else {\n          this.handleSend();\n          this.preventDefaults(evt);\n        }\n      }\n    }\n  }\n\n  private handleSend() {\n    if (!this.buttonDisabled) {\n      this.buttonDisabled = true;\n      const name = this.buttonName;\n      this.fireCustomEvent(CustomEventType.ButtonClicked, { name });\n    }\n  }\n\n  private handleLanguageChange(evt: Event) {\n    const select = evt.target as Select;\n    this.currentLanguage = select.values[0].iso;\n  }\n\n  public resetTabs() {\n    (this.shadowRoot.querySelector('temba-tabs') as TabPane).index = -1;\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <temba-field\n        name=${this.name}\n        .errors=${this.errors}\n        .widgetOnly=${this.widgetOnly}\n        .value=${this.value}\n      >\n        ${this.languages.length > 1\n          ? html`<temba-select\n              @change=${this.handleLanguageChange}\n              class=\"language\"\n              name=\"language\"\n              .staticOptions=${this.languages}\n              valueKey=\"iso\"\n            >\n            </temba-select>`\n          : null}\n\n        <div\n          class=${getClasses({ container: true, highlight: this.pendingDrop })}\n          @dragenter=\"${this.handleDragEnter}\"\n          @dragover=\"${this.handleDragOver}\"\n          @dragleave=\"${this.handleDragLeave}\"\n          @drop=\"${this.handleDrop}\"\n        >\n          <div class=\"drop-mask\"><div>Upload Attachment</div></div>\n\n          ${this.chatbox ? html`${this.getChatbox()}` : null}\n\n          <div class=\"items actions\">${this.getActions()}</div>\n        </div>\n      </temba-field>\n    `;\n  }\n\n  private getChatbox(): TemplateResult {\n    if (this.completion) {\n      return html`<temba-completion\n        class=\"chatbox\"\n        .value=${this.initialText}\n        gsm\n        textarea\n        autogrow\n        maxlength=${this.maxLength}\n        @change=${this.handleChatboxChange}\n        @keydown=${this.handleSendEnter}\n        placeholder=\"Write something here\"\n      >\n      </temba-completion>`;\n    } else {\n      return html`<temba-textinput\n        class=\"chatbox\"\n        gsm\n        textarea\n        autogrow\n        maxlength=${this.maxLength}\n        .value=${this.initialText}\n        @change=${this.handleChatboxChange}\n        @keydown=${this.handleSendEnter}\n        placeholder=\"Write something here\"\n      >\n      </temba-textinput>`;\n    }\n  }\n\n  private getAttachments(): TemplateResult {\n    return html`\n      ${this.attachments\n        ? html` <div class=\"attachments-list\">\n              ${this.currentAttachments.map((validAttachment) => {\n                return html` <div class=\"attachment-item\">\n                  <temba-icon\n                    class=\"remove-item\"\n                    @click=\"${this.handleRemoveFileClicked}\"\n                    id=\"${validAttachment.uuid}\"\n                    name=\"${Icon.delete_small}\"\n                  ></temba-icon>\n                  ${isImageAttachment(validAttachment)\n                    ? html`<temba-thumbnail\n                        url=\"${validAttachment.url}\"\n                      ></temba-thumbnail>`\n                    : html`<temba-thumbnail\n                        label=\"${validAttachment.content_type.split('/')[1]}\"\n                      ></temba-thumbnail>`}\n                </div>`;\n              })}\n              ${this.getUploader()}\n            </div>\n            ${this.failedAttachments.map((invalidAttachment) => {\n              return html` <div class=\"attachment-item error\">\n                <div\n                  class=\"remove-item error\"\n                  @click=\"${this.handleRemoveFileClicked}\"\n                >\n                  <temba-icon\n                    id=\"${invalidAttachment.uuid}\"\n                    name=\"${Icon.delete_small}\"\n                  ></temba-icon>\n                </div>\n                <div class=\"attachment-name\">\n                  <span\n                    title=\"${invalidAttachment.filename} (${formatFileSize(\n                      0,\n                      0\n                    )}) - Attachment failed - ${invalidAttachment.error}\"\n                    >${truncate(invalidAttachment.filename, 25)}\n                    (${formatFileSize(0, 0)}) - Attachment failed</span\n                  >\n                </div>\n              </div>`;\n            })}`\n        : null}\n    `;\n  }\n\n  private getActions(): TemplateResult {\n    const showOptins = this.optIns && this.isBaseLanguage();\n    return html`\n      <temba-tabs\n        embedded\n        focusedname\n        bottom\n        refresh=\"${this.currentAttachments.length}|${this.index}|${this\n          .currentQuickReplies.length}|${showOptins}|${this.currentOptin}\"\n      >\n        ${this.attachments\n          ? html`<temba-tab\n              name=\"Attachments\"\n              icon=\"attachment\"\n              .count=${this.currentAttachments.length}\n            >\n              <div class=\"items attachments\">${this.getAttachments()}</div>\n            </temba-tab>`\n          : null}\n        ${this.quickReplies\n          ? html`<temba-tab\n              name=\"Quick Replies\"\n              icon=\"quick_replies\"\n              .count=${this.currentQuickReplies.length}\n            >\n              <temba-select\n                @change=${this.handleQuickReplyChange}\n                .values=${this.currentQuickReplies}\n                class=\"quick-replies\"\n                tags\n                multi\n                searchable\n                expressions\n                placeholder=\"Add Quick Reply\"\n              ></temba-select>\n            </temba-tab>`\n          : null}\n        <temba-tab\n          name=\"Opt-in\"\n          icon=\"channel_fba\"\n          ?hidden=${!showOptins}\n          ?checked=${this.currentOptin.length > 0}\n        >\n          <temba-select\n            @change=${this.handleOptInChange}\n            .values=${this.currentOptin}\n            endpoint=\"${this.optinEndpoint}\"\n            class=\"optins\"\n            searchable\n            clearable\n            placeholder=\"Select an opt-in to use for Facebook (optional)\"\n          ></temba-select>\n        </temba-tab>\n\n        <div slot=\"tab-right\" class=\"top-right\">\n          ${this.buttonError\n            ? html`<div class=\"send-error\">${this.buttonError}</div>`\n            : null}\n          ${this.counter ? this.getCounter() : null}\n          ${this.button ? this.getButton() : null}\n        </div>\n      </temba-tabs>\n    `;\n  }\n\n  private getUploader(): TemplateResult {\n    if (this.uploading) {\n      return html`<temba-loading units=\"3\" size=\"12\"></temba-loading>`;\n    } else {\n      return this.currentAttachments.length < this.maxAttachments\n        ? html`<input\n              type=\"file\"\n              id=\"upload-input\"\n              multiple\n              accept=\"${this.accept}\"\n              @change=\"${this.handleUploadFileInputChanged}\"\n            />\n            <label\n              id=\"upload-label\"\n              class=\"actions-left upload-label\"\n              for=\"upload-input\"\n            >\n              <div\n                class=\"add-attachment\"\n                @click=\"${this.handleUploadFileIconClicked}\"\n              >\n                <temba-icon name=\"add\" size=\"1.5\"></temba-icon>\n              </div>\n            </label>`\n        : null;\n    }\n  }\n\n  private getCounter(): TemplateResult {\n    return html`<temba-charcount\n      .text=\"${this.currentText}\"\n    ></temba-charcount>`;\n  }\n\n  private getButton(): TemplateResult {\n    return html` <temba-button\n      id=\"send-button\"\n      name=${this.buttonName}\n      @click=${this.handleSendClick}\n      ?disabled=${this.buttonDisabled}\n    ></temba-button>`;\n  }\n}\n"]}

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

@@ -7,7 +7,7 @@ import { ContactStoreElement } from './ContactStoreElement';
 const STATUS = {
     stopped: { name: 'Stopped' },
     blocked: { name: 'Blocked' },
-    archived: { name: 'Archived' },
+    archived: { name: 'Archived' }
 };
 export class ContactBadges extends ContactStoreElement {
     constructor() {
@@ -112,7 +112,7 @@ export class ContactBadges extends ContactStoreElement {
           class=${getClasses({
                 wrapper: true,
                 'has-more': this.hasMore,
-                expanded: this.expanded,
+                expanded: this.expanded
             })}
         >
           <div class="badges">

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

@@ -1 +1 @@
-{"version":3,"file":"ContactBadges.js","sourceRoot":"","sources":["../../../src/contacts/ContactBadges.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Group } from '../interfaces';\nimport { debounce, getClasses } from '../utils';\nimport { Icon } from '../vectoricon';\nimport { ContactStoreElement } from './ContactStoreElement';\n\nconst STATUS = {\n  stopped: { name: 'Stopped' },\n  blocked: { name: 'Blocked' },\n  archived: { name: 'Archived' },\n};\n\nexport class ContactBadges extends ContactStoreElement {\n  static get styles() {\n    return css`\n      .wrapper {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n      }\n\n      temba-label {\n        margin: 0.3em;\n      }\n\n      .expanded .badges {\n        max-height: inherit;\n      }\n\n      .expanded .show-button {\n        opacity: 1;\n        margin-bottom: 0em;\n        margin-top: -0.5em;\n      }\n\n      .expanded .show-line {\n        width: 98%;\n        opacity: 1;\n      }\n\n      .badges {\n        display: flex;\n        overflow: hidden;\n        flex-wrap: wrap;\n        max-height: 2.2em;\n        align-self: flex-start;\n      }\n\n      .show-button {\n        transition: all var(--transition-speed) ease-in-out\n          var(--transition-speed);\n        opacity: 0;\n        display: flex;\n        padding: 0em 1em;\n        margin-top: -0.8em;\n        cursor: pointer;\n        --icon-color-circle: #fff;\n        margin-bottom: -1.5em;\n      }\n\n      .show-line {\n        height: 1px;\n        width: 100%;\n        background: rgba(0, 0, 0, 0.05);\n        margin-top: 1em;\n        width: 0px;\n        transition: width calc(var(--transition-speed) * 2) linear\n          var(--transition-speed);\n      }\n\n      .has-more .show-line {\n        width: 98%;\n      }\n\n      .has-more .show-button {\n        opacity: 1;\n        margin-bottom: 0em;\n        margin-top: -0.5em;\n      }\n\n      .show-button temba-icon {\n        border-radius: 9999px;\n      }\n    `;\n  }\n\n  @property({ type: Boolean })\n  hasMore = false;\n\n  @property({ type: Boolean })\n  expanded = false;\n\n  private handleResized() {\n    if (this.shadowRoot) {\n      const badges = this.shadowRoot.querySelector('.badges');\n      if (badges) {\n        this.hasMore = badges.scrollHeight > badges.clientHeight;\n      }\n    }\n  }\n\n  public updated(changedProperties: Map<string, any>) {\n    super.updated(changedProperties);\n    if (changedProperties.has('data')) {\n      if (!changedProperties.get('data')) {\n        const badges = this.shadowRoot.querySelector('.badges');\n        new ResizeObserver(\n          debounce(this.handleResized.bind(this), 200)\n        ).observe(badges);\n      }\n    }\n  }\n\n  public render(): TemplateResult {\n    if (this.data) {\n      const status = STATUS[this.data.status];\n      return html`\n        <div\n          class=${getClasses({\n            wrapper: true,\n            'has-more': this.hasMore,\n            expanded: this.expanded,\n          })}\n        >\n          <div class=\"badges\">\n            ${status && this.data.status !== 'active'\n              ? html`\n                  <temba-label\n                    icon=\"icon.contact_${this.data.status}\"\n                    onclick=\"goto(event)\"\n                    href=\"/contact/${status.name.toLowerCase()}/\"\n                    secondary\n                    clickable\n                    shadow\n                  >\n                    ${status.name}\n                  </temba-label>\n                `\n              : null}\n            ${this.data.flow\n              ? html`\n                  <temba-label\n                    icon=\"flow\"\n                    onclick=\"goto(event)\"\n                    href=\"/contact/?search=flow+%3D+${encodeURIComponent(\n                      '\"' + this.data.flow.name + '\"'\n                    )}\"\n                    clickable\n                    primary\n                    shadow\n                  >\n                    ${this.data.flow.name}\n                  </temba-label>\n                `\n              : null}\n            ${this.data.language\n              ? html`\n                  <temba-label\n                    icon=${Icon.language}\n                    onclick=\"goto(event)\"\n                    href=\"/contact/?search=language+%3D+${encodeURIComponent(\n                      '\"' + this.data.language + '\"'\n                    )}\"\n                    clickable\n                    primary\n                    shadow\n                  >\n                    ${this.store.getLanguageName(this.data.language)}\n                  </temba-label>\n                `\n              : null}\n            ${this.data.groups.map((group: Group) => {\n              return html`\n                <temba-label\n                  class=\"group\"\n                  onclick=\"goto(event)\"\n                  href=\"/contact/filter/${group.uuid}/\"\n                  icon=${group.is_dynamic ? Icon.group_smart : Icon.group}\n                  clickable\n                  shadow\n                >\n                  ${group.name}\n                </temba-label>\n              `;\n            })}\n          </div>\n          <div class=\"show-line\"></div>\n\n          <div class=\"show-button\">\n            <temba-icon\n              @click=${() => {\n                this.expanded = !this.expanded;\n              }}\n              circled\n              name=${!this.expanded ? Icon.down : Icon.up}\n              animateChange=\"spin\"\n            ></temba-icon>\n          </div>\n        </div>\n      `;\n    } else {\n      return null;\n    }\n  }\n}\n"]}
+{"version":3,"file":"ContactBadges.js","sourceRoot":"","sources":["../../../src/contacts/ContactBadges.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Group } from '../interfaces';\nimport { debounce, getClasses } from '../utils';\nimport { Icon } from '../vectoricon';\nimport { ContactStoreElement } from './ContactStoreElement';\n\nconst STATUS = {\n  stopped: { name: 'Stopped' },\n  blocked: { name: 'Blocked' },\n  archived: { name: 'Archived' }\n};\n\nexport class ContactBadges extends ContactStoreElement {\n  static get styles() {\n    return css`\n      .wrapper {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n      }\n\n      temba-label {\n        margin: 0.3em;\n      }\n\n      .expanded .badges {\n        max-height: inherit;\n      }\n\n      .expanded .show-button {\n        opacity: 1;\n        margin-bottom: 0em;\n        margin-top: -0.5em;\n      }\n\n      .expanded .show-line {\n        width: 98%;\n        opacity: 1;\n      }\n\n      .badges {\n        display: flex;\n        overflow: hidden;\n        flex-wrap: wrap;\n        max-height: 2.2em;\n        align-self: flex-start;\n      }\n\n      .show-button {\n        transition: all var(--transition-speed) ease-in-out\n          var(--transition-speed);\n        opacity: 0;\n        display: flex;\n        padding: 0em 1em;\n        margin-top: -0.8em;\n        cursor: pointer;\n        --icon-color-circle: #fff;\n        margin-bottom: -1.5em;\n      }\n\n      .show-line {\n        height: 1px;\n        width: 100%;\n        background: rgba(0, 0, 0, 0.05);\n        margin-top: 1em;\n        width: 0px;\n        transition: width calc(var(--transition-speed) * 2) linear\n          var(--transition-speed);\n      }\n\n      .has-more .show-line {\n        width: 98%;\n      }\n\n      .has-more .show-button {\n        opacity: 1;\n        margin-bottom: 0em;\n        margin-top: -0.5em;\n      }\n\n      .show-button temba-icon {\n        border-radius: 9999px;\n      }\n    `;\n  }\n\n  @property({ type: Boolean })\n  hasMore = false;\n\n  @property({ type: Boolean })\n  expanded = false;\n\n  private handleResized() {\n    if (this.shadowRoot) {\n      const badges = this.shadowRoot.querySelector('.badges');\n      if (badges) {\n        this.hasMore = badges.scrollHeight > badges.clientHeight;\n      }\n    }\n  }\n\n  public updated(changedProperties: Map<string, any>) {\n    super.updated(changedProperties);\n    if (changedProperties.has('data')) {\n      if (!changedProperties.get('data')) {\n        const badges = this.shadowRoot.querySelector('.badges');\n        new ResizeObserver(\n          debounce(this.handleResized.bind(this), 200)\n        ).observe(badges);\n      }\n    }\n  }\n\n  public render(): TemplateResult {\n    if (this.data) {\n      const status = STATUS[this.data.status];\n      return html`\n        <div\n          class=${getClasses({\n            wrapper: true,\n            'has-more': this.hasMore,\n            expanded: this.expanded\n          })}\n        >\n          <div class=\"badges\">\n            ${status && this.data.status !== 'active'\n              ? html`\n                  <temba-label\n                    icon=\"icon.contact_${this.data.status}\"\n                    onclick=\"goto(event)\"\n                    href=\"/contact/${status.name.toLowerCase()}/\"\n                    secondary\n                    clickable\n                    shadow\n                  >\n                    ${status.name}\n                  </temba-label>\n                `\n              : null}\n            ${this.data.flow\n              ? html`\n                  <temba-label\n                    icon=\"flow\"\n                    onclick=\"goto(event)\"\n                    href=\"/contact/?search=flow+%3D+${encodeURIComponent(\n                      '\"' + this.data.flow.name + '\"'\n                    )}\"\n                    clickable\n                    primary\n                    shadow\n                  >\n                    ${this.data.flow.name}\n                  </temba-label>\n                `\n              : null}\n            ${this.data.language\n              ? html`\n                  <temba-label\n                    icon=${Icon.language}\n                    onclick=\"goto(event)\"\n                    href=\"/contact/?search=language+%3D+${encodeURIComponent(\n                      '\"' + this.data.language + '\"'\n                    )}\"\n                    clickable\n                    primary\n                    shadow\n                  >\n                    ${this.store.getLanguageName(this.data.language)}\n                  </temba-label>\n                `\n              : null}\n            ${this.data.groups.map((group: Group) => {\n              return html`\n                <temba-label\n                  class=\"group\"\n                  onclick=\"goto(event)\"\n                  href=\"/contact/filter/${group.uuid}/\"\n                  icon=${group.is_dynamic ? Icon.group_smart : Icon.group}\n                  clickable\n                  shadow\n                >\n                  ${group.name}\n                </temba-label>\n              `;\n            })}\n          </div>\n          <div class=\"show-line\"></div>\n\n          <div class=\"show-button\">\n            <temba-icon\n              @click=${() => {\n                this.expanded = !this.expanded;\n              }}\n              circled\n              name=${!this.expanded ? Icon.down : Icon.up}\n              animateChange=\"spin\"\n            ></temba-icon>\n          </div>\n        </div>\n      `;\n    } else {\n      return null;\n    }\n  }\n}\n"]}

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

@@ -135,7 +135,7 @@ export class ContactChat extends ContactStoreElement {
         const buttonName = evt.detail.name;
         if (buttonName === 'Send') {
             const payload = {
-                contact: this.currentContact.uuid,
+                contact: this.currentContact.uuid
             };
             const compose = evt.currentTarget;
             if (compose) {
@@ -145,7 +145,7 @@ export class ContactChat extends ContactStoreElement {
                 }
                 const attachments = compose.currentAttachments;
                 if (attachments && attachments.length > 0) {
-                    const attachment_uuids = attachments.map(attachment => attachment.uuid);
+                    const attachment_uuids = attachments.map((attachment) => attachment.uuid);
                     payload['attachments'] = attachment_uuids;
                 }
             }
@@ -154,7 +154,7 @@ export class ContactChat extends ContactStoreElement {
             }
             const genericError = buttonName + ' failed, please try again.';
             postJSON(`/api/v2/messages.json`, payload)
-                .then(response => {
+                .then((response) => {
                 if (response.status < 400) {
                     compose.reset();
                     this.refresh(true);
@@ -185,7 +185,7 @@ export class ContactChat extends ContactStoreElement {
                     compose.buttonError = genericError;
                 }
             })
-                .catch(error => {
+                .catch((error) => {
                 console.error(error);
                 compose.buttonError = genericError;
             });