{"version":3,"file":"coordinator_controller-Cr92hic9.js","sources":["../../../app/javascript/controllers/compose/coordinator_controller.js"],"sourcesContent":["import ApplicationController from '../application_controller'\n\nexport default class extends ApplicationController {\n  static values = {\n    windows: Array,\n    activeWindow: Object,\n    technologies: Array,\n  }\n\n  static targets = [\n    'destinationMenu',\n    'sourceOption',\n    'destinationOption',\n    'destinationMenuTrigger',\n    'windowUpdate',\n    'refreshedDestinationMenu',\n    'templatesMenu',\n    'inputContainer',\n    'disableNotice'\n  ]\n\n  onClickOutside({target}) {\n    if (this.isInvisible(this.destinationMenuTarget) || this.destinationMenuTarget.contains(target) || this.destinationMenuTriggerTarget.contains(target)) return\n    this.element.setAttribute('data-custom-dropdown-open-value', false)\n  }\n\n  closeByEscape() {\n    if (this.isInvisible(this.destinationMenuTarget)) return\n\n    this.element.setAttribute('data-custom-dropdown-open-value', false)\n    this.dispatch('focus', {\n      target: this.element,\n    })\n  }\n\n  coordinateDestinationToSource({detail}) {\n    if (this.coordinatingFromSourceToDestination) return\n\n    if(detail.technology === 'webchat') {\n      return this.compose.focus()\n    }\n\n    if (detail.identifier === 'default') {\n      return this.coordinateDestinationToDefaultSource()\n    }\n\n    const window = this.windowsValue.find(window => window.channel_id === detail.channelId.split(':')[1])\n\n    this.coordinatingFromDestinationToSource = true\n\n    if (window && window.open) {\n      const destinationOption = this.destinationOptionTargets.find(option => option.dataset.identity === window.destination_id)\n      destinationOption.click()\n    } else {\n      const destinationOption = this.destinationOptionTargets.find(option => option.dataset.technology === detail.technology)\n        || this.destinationOptionTargets.find(option => detail.technology === 'whatsapp' && ['sms', 'whatsapp'].includes(option.dataset.technology))\n\n      destinationOption?.click()\n    }\n\n    this.nextTick(() => this.coordinatingFromDestinationToSource = false, 100)\n\n    this.syncCompose({\n      window,\n      technology: window?.technology || this.technologiesValue.find(t => t.name === detail.technology),\n    })\n\n    this.activeWindowValue = window\n  }\n\n  coordinateDestinationToDefaultSource() {\n    const openWindow = this.openWindow\n    this.coordinatingFromDestinationToSource = true\n\n    if (openWindow) {\n      const destinationOption = this.destinationOptionTargets.find(option => option.dataset.technology === openWindow.technology.name)\n      destinationOption.click()\n    } else {\n      const destinationOption = this.destinationOptionTargets.find(option => option.dataset.technology === 'sms')\n      destinationOption?.click()\n    }\n\n    this.nextTick(() => this.coordinatingFromDestinationToSource = false, 100)\n\n    this.syncCompose({\n      window: openWindow,\n      technology: openWindow?.technology || this.technologiesValue.find(t => t.name === 'sms'),\n    })\n\n    this.activeWindowValue = openWindow\n  }\n\n  coordinateSourceToDestination({currentTarget}) {\n    if (this.coordinatingFromDestinationToSource) return\n\n    const {technology} = currentTarget.dataset\n    const window = this.windowsValue.find(window => window.technology.name === technology && window.destination_id === currentTarget.dataset.identity)\n\n    this.coordinatingFromSourceToDestination = true\n\n    const identifier = window && window.open ? `${window.technology.name}:${window.channel_id}` : technology\n\n    const sourceOption = this.sourceOptionTargets.find(option => option.dataset.optionValue === identifier)\n      || this.sourceOptionTargets.find(option => option.dataset.identifier === technology)\n      || this.sourceOptionTargets.find(option => option.dataset.identifier === 'default')\n\n    // Messages sent to SMS technology of a WhatsApp identity will be nil\n    sourceOption.click()\n\n    this.nextTick(() => this.coordinatingFromSourceToDestination = false, 100)\n\n    this.syncCompose({\n      window,\n      technology: window?.technology || this.technologiesValue.find(t => t.name === technology),\n    })\n\n    if (technology === 'mercadolibre') {\n      this.displayMercadolibreNotice()\n    } else {\n      this.hideMercadolibreNotice()\n    }\n\n    this.element.setAttribute('data-custom-dropdown-open-value', false)\n    this.activeWindowValue = window\n  }\n\n  syncCompose({window, technology}) {\n    console.log(\n      this.dispatch('technology:change', {\n        target: this.element,\n        detail: {\n          window,\n          technology,\n        }\n      })\n    )\n\n    this.dispatch('technology:change', {\n      target: this.templatesMenuTarget,\n      detail: {\n        window,\n        technology\n      }\n    })\n  }\n\n  displayMercadolibreNotice() {\n    document.querySelector(\"mercadolibre-notice\").classList.remove(\"hidden\")\n  }\n\n  hideMercadolibreNotice() {\n    if (document.querySelector(\"mercadolibre-notice\")) {\n      document.querySelector(\"mercadolibre-notice\").classList.add(\"hidden\")\n    }\n  }\n\n  windowUpdateTargetConnected() {\n    if (this.compose.hasContent) {\n      return this.windowUpdateTarget.remove()\n    }\n\n    const update = JSON.parse(this.windowUpdateTarget.dataset.payload)\n\n    this.windowsValue = [\n      ...this.windowsValue.filter(window => window.id !== update.id),\n      update,\n    ]\n\n    this.syncCompose({\n      window: update,\n      technology: update.technology,\n    })\n\n    if (this.activeWindowValue?.id === update.id) {\n      return this.windowUpdateTarget.remove()\n    }\n\n    this.activeWindowValue = update\n\n    this.destinationOptionTargets\n      .find(({dataset}) => dataset.identity === update.destination_id && dataset.technology === update.technology.name)\n      .click()\n\n    this.windowUpdateTarget.remove()\n  }\n\n  refreshedDestinationMenuTargetConnected() {\n    const activeOption = Array\n      .from(this.destinationMenuTarget.querySelectorAll('[data-compose--coordinator-target=\"destinationOption\"]'))\n      .find(option => option.hasAttribute('data-active'))\n\n    const optionInNewMenu = Array\n      .from(this.refreshedDestinationMenuTarget.querySelectorAll('[data-compose--coordinator-target=\"destinationOption\"]'))\n      .find(option => option.dataset.optionValue === activeOption?.dataset?.optionValue)\n\n    if (optionInNewMenu && !optionInNewMenu.hasAttribute('data-active')) {\n      this.coordinatingFromSourceToDestination = true\n      optionInNewMenu.click()\n\n      this.nextTick(() => this.coordinatingFromSourceToDestination = false, 100)\n    }\n\n    this.destinationMenuTarget.replaceWith(this.refreshedDestinationMenuTarget)\n    this.refreshedDestinationMenuTarget.setAttribute('data-compose--coordinator-target', 'destinationMenu')\n\n    this.nextTick(() => {\n      if(this.destinationMenuTarget.hasAttribute('data-multiple')) {\n        if(!optionInNewMenu) {\n          this.destinationOptionTargets[0].click()\n        }\n\n        return this.show(this.destinationMenuTriggerTarget)\n      }\n\n      if (this.destinationOptionTargets.length === 1) {\n        this.hide(this.destinationMenuTriggerTarget)\n        this.element.setAttribute('data-custom-dropdown-open-value', false)\n      } else {\n        this.hide(this.inputContainerTarget)\n        this.disableNoticeTarget.firstElementChild.textContent = this.translations.compose.unreachable\n        this.show(this.disabledNoticeTarget)\n      }\n    })\n  }\n\n  // private\n\n  get compose() {\n    return this.application.getControllerForElementAndIdentifier(this.element, 'input')\n  }\n\n  get openWindow() {\n    return this.findOpenWindowByTechnology('whatsapp')\n      || this.findOpenWindowByTechnology('instagram')\n      || this.findOpenWindowByTechnology('sms')\n      || this.findOpenWindowByTechnology('mercadolibre')\n  }\n\n  findOpenWindowByTechnology(technology) {\n    return this.windowsValue.find(window => window.technology.name === technology && window.open)\n  }\n}\n"],"names":["coordinator_controller","ApplicationController","target","detail","window","option","destinationOption","t","openWindow","currentTarget","technology","identifier","update","_a","dataset","activeOption","optionInNewMenu","__publicField"],"mappings":"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"}