{"version":3,"file":"template_controller-DwQNKHWq.js","sources":["../../../app/javascript/controllers/compose/template_controller.js"],"sourcesContent":["import ApplicationController from '../application_controller'\n\nexport default class extends ApplicationController {\n  static values = {\n    inputName: String,\n    previewable: { type: Boolean, default: false },\n    buttonGroups: Array\n  }\n\n  static targets = [\n    'buttonsContainer',\n    'buttonGroupTemplate',\n    'buttonTemplate',\n    'group',\n    'compose',\n    'buttonManager'\n  ]\n\n  insertButtons({ detail: buttonGroups }) {\n    buttonGroups.forEach(({ buttons, type}) => {\n      if(this.buttonGroupsValue.find(group => group.type === type)) {\n        this.buttonGroupsValue = this.buttonGroupsValue.map(group => {\n          if(group.type === type) {\n            return {\n              type,\n              buttons: [...group.buttons, ...buttons]\n            }\n          } else {\n            return group\n          }\n        })\n\n        this.insertToCurrentGroup({ buttons, type })\n      } else {\n        this.buttonGroupsValue = [...this.buttonGroupsValue, { buttons, type }]\n        this.insertNewGroup({ buttons, type })\n      }\n    })\n\n    if(this.isPreviewable) {\n      this.previewButtons()\n    }\n\n    this.show(this.buttonsContainerTarget)\n  }\n\n  updateButtons({ detail: buttonGroups }) {\n    this.buttonGroupsValue = buttonGroups\n    this.groupTargets.forEach(group => group.remove())\n\n    buttonGroups.forEach(({ buttons, type }) => {\n      this.insertNewGroup({ buttons, type })\n    })\n\n    if(this.isPreviewable) {\n      this.previewButtons()\n    }\n  }\n\n  loadTemplateButtons({ detail }) {\n    this.buttonsContainerTarget.innerHTML = ''\n    this.buttonGroupsValue = detail.buttons\n\n    this.buttonGroupsValue.forEach(({ buttons, type }) => {\n      this.insertNewGroup({ buttons, type })\n    })\n\n    this.insertInputs()\n    this.previewButtons()\n  }\n\n  restoreButtons({ detail: oldGroup }) {\n    this.buttonGroupsValue = oldGroup\n\n    this.groupTargets.forEach(group => group.remove())\n\n    this.buttonGroupsValue.forEach(({ buttons, type }) => {\n      this.insertNewGroup({ buttons, type })\n    })\n\n    this.insertInputs()\n    this.previewButtons()\n\n    this.show(this.buttonsContainerTarget)\n  }\n\n  insertNewGroup({ buttons, type, element }) {\n    const buttonGroupElement = this.buttonGroupTemplateTarget.cloneNode(true)\n\n    buttonGroupElement.setAttribute('data-compose--template-target', 'group')\n    buttonGroupElement.setAttribute('data-type', type)\n\n    const contentElement = buttonGroupElement.querySelector('[data-content]')\n\n    this.insertButtonIntoGroup(buttons, type, contentElement, 0)\n\n    this.show(buttonGroupElement)\n    this.show(this.buttonsContainerTarget)\n\n    this.insertInputs()\n    this.buttonsContainerTarget.appendChild(buttonGroupElement)\n  }\n\n  insertToCurrentGroup({ buttons, type }) {\n    const groupElement = this.groupTargets.find(group => group.dataset.type === type)\n    const contentElement = groupElement.querySelector('[data-content]')\n\n    let index = contentElement.children.length\n\n    this.insertButtonIntoGroup(buttons, type, contentElement, index)\n    this.insertInputs()\n  }\n\n  insertButtonIntoGroup(buttons, type, contentElement, index) {\n    buttons.forEach((button) => {\n      const buttonElement = this.buttonTemplateTargets.find(template => template.dataset.type === type).cloneNode(true)\n\n      buttonElement.querySelector('[data-text]').innerText = button.title\n\n      buttonElement.setAttribute('data-type', type)\n      buttonElement.setAttribute('data-index', index)\n\n      buttonElement.removeAttribute('data-compose--template-target')\n\n      this.show(buttonElement)\n      contentElement.appendChild(buttonElement)\n\n      index++\n    })\n  }\n\n  focusGroup({ currentTarget }) {\n    this.dispatch('edit', {\n      target: this.buttonManagerTarget,\n      detail: {\n        groups: this.buttonGroupsValue,\n        type: currentTarget.dataset.type,\n        index: currentTarget.dataset.index,\n      }\n    })\n  }\n\n  disable() {\n    this.buttonsContainerTarget.classList.add('grayscale', 'cursor-not-allowed', 'pointer-events-none')\n    this.buttonsContainerTarget.querySelectorAll('input').forEach(super.disable)\n  }\n\n  enable() {\n    this.buttonsContainerTarget.classList.remove('grayscale', 'cursor-not-allowed', 'pointer-events-none')\n    this.buttonsContainerTarget.querySelectorAll('input').forEach(super.enable)\n  }\n\n  clear() {\n    this.buttonsContainerTarget.innerHTML = ''\n    this.buttonGroupsValue = []\n\n    this.hide(this.buttonsContainerTarget)\n  }\n\n  displayAttachmentPreview({ detail: attachmentElement }) {\n    if(!this.isPreviewable) return\n\n    this.attachmentElement = attachmentElement\n\n    if(document.querySelector('[data-controller=\"template--preview\"]')) {\n      this.dispatch('attachment:preview', {\n        target: document.querySelector('[data-controller=\"template--preview\"]'),\n        detail: attachmentElement\n      })\n    }\n  }\n\n  hideAttachmentPreview() {\n    if(!this.isPreviewable) return\n\n    if(document.querySelector('[data-controller=\"template--preview\"]')) {\n      this.dispatch('attachment:preview', {\n        target: document.querySelector('[data-controller=\"template--preview\"]'),\n        detail: 0\n      })\n    }\n  }\n\n  displayBodyPreview({ detail }) {\n    if(!this.isPreviewable) return\n\n    this.dispatch('body:preview', {\n      target: document.querySelector('[data-controller=\"template--preview\"]'),\n      detail\n    })\n  }\n\n  displayFooterPreview({ target }) {\n    if(!this.isPreviewable) return\n\n    this.dispatch('footer:preview', {\n      target: document.querySelector('[data-controller=\"template--preview\"]'),\n      detail: target.value\n    })\n  }\n\n  previewButtons() {\n    if(this.hasComposeTarget) {\n      this.dispatch('buttons:preview', {\n        target: this.composeTarget,\n        detail: this.buttonGroupsValue\n      })\n    } else {\n      this.dispatch('buttons:preview', {\n        target: document.querySelector('[data-controller=\"template--preview\"]'),\n        detail: this.buttonGroupsValue\n      })\n    }\n  }\n\n  insertInputs() {\n    this.element.querySelector('[data-inputs-container]').innerHTML = ''\n\n    let index = 1\n\n    this.buttonGroupsValue.forEach(({ buttons, type }) => {\n      buttons.forEach((button) => {\n        const methodName = type.split('_').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join('')\n        this[`insert${methodName}Inputs`](button, index++)\n      })\n    })\n  }\n\n  insertQuickReplyInputs(button, index) {\n    ['title', 'value'].forEach(attribute => {\n      const name = `${this.inputNameValue}[buttons][][${attribute}]`\n      const value = attribute === 'title' ? button.text || button.title : button[attribute]\n\n      this.insertInput(name, value)\n    })\n\n    const type = `${this.inputNameValue}[buttons][][type]`\n    this.insertInput(type, 'quick_reply')\n  }\n\n  insertCopyCodeInputs(button, index) {\n    ['text', 'type'].forEach(attribute => {\n      const name = `${this.inputNameValue}[buttons][][${attribute}]`\n      const value = button[attribute]\n\n      this.insertInput(name, value)\n    })\n  }\n\n  insertUrlInputs(button, index) {\n    ['title', 'value'].forEach(attribute => {\n      const name = `${this.inputNameValue}[buttons][][${attribute}]`\n      const value = attribute === 'title' ? button.text || button.title : button[attribute]\n\n      this.insertInput(name, value)\n    })\n\n    const type = `${this.inputNameValue}[buttons][][type]`\n    this.insertInput(type, 'url')\n  }\n\n  insertPhoneInputs(button, index) {\n    ['title', 'value'].forEach(attribute => {\n      const name = `${this.inputNameValue}[buttons][][${attribute}]`\n      const value = attribute === 'title' ? button.text || button.title : button[attribute]\n\n      this.insertInput(name, value)\n    })\n\n    const type = `${this.inputNameValue}[buttons][][type]`\n    this.insertInput(type, 'phone')\n  }\n\n  insertInput(name, value) {\n    const input = document.createElement('input')\n\n    input.setAttribute('type', 'hidden')\n    input.setAttribute('name', name)\n\n    input.value = value\n\n    this.element.querySelector('[data-inputs-container]').appendChild(input)\n  }\n\n  get isPreviewable() {\n    return this.previewableValue || document.querySelector('[data-controller=\"template--preview\"]')\n  }\n}\n"],"names":["template_controller","ApplicationController","buttonGroups","buttons","type","group","detail","oldGroup","element","buttonGroupElement","contentElement","index","button","buttonElement","template","currentTarget","attachmentElement","target","methodName","word","attribute","name","value","input","__publicField"],"mappings":"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"}