{"version":3,"file":"technologies_controller-A1OuK8Uk.js","sources":["../../../app/javascript/controllers/compose/technologies_controller.js"],"sourcesContent":["import ApplicationController from '../application_controller'\n\nimport { commaSeperatedListWithAndConjunction } from '@/controllers/models/sentence';\n\nexport default class extends ApplicationController {\n  static values = {\n    recordType: String,\n  }\n\n  static targets = [\"all\", \"technology\", \"error\", \"description\"]\n  static classes = [\"enabled\", \"disabled\"]\n\n  initialize() {\n    this.checkAndDisableTechnology = this.checkAndDisableTechnology.bind(this)\n    this.checkAndEnableTechnology = this.checkAndEnableTechnology.bind(this)\n\n    this.enableTechnology = this.enableTechnology.bind(this)\n  }\n\n  connect() {\n    if (this.allTarget.checked) {\n      this.messageLengthChangedToLowest()\n\n      this.dispatch('changed', {\n        detail: {\n          ids: ['all'],\n          names: ['all']\n        }\n      })\n    } else {\n      this.dispatch('changed', {\n        detail: {\n          ids: this.checkedTechnologies.map(technology => technology.dataset.hashedId),\n          names: this.checkedTechnologies.map(technology => technology.dataset.name),\n        }\n      })\n    }\n\n    if (this.checkedTechnologies.length === 1) {\n      this.changeMessageLengthToCheckedTechnology(this.checkedTechnologies[0])\n      this.checkAndDisableTechnology(this.checkedTechnologies[0])\n    }\n  }\n\n  onSendViaAllClick() {\n    if (this.allTarget.checked) {\n      this.technologyTargets.forEach(this.checkAndDisableTechnology)\n      this.messageLengthChangedToLowest()\n\n      this.dispatch('changed', {\n        detail: {\n          ids: ['all'],\n          names: ['all']\n        }\n      })\n\n      if (this.hasErrorTarget) {\n        this.hide(this.errorTarget)\n      }\n\n      if(this.hasDescriptionTarget) {\n        this.descriptionTarget.textContent = this.summaryForAllTechnologies\n      }\n    } else {\n      this.technologyTargets.forEach(this.checkAndEnableTechnology)\n      this.onTechnologyClick()\n    }\n  }\n\n  onTechnologyClick() {\n    if (this.checkedTechnologies.length === 1) {\n      this.changeMessageLengthToCheckedTechnology(this.checkedTechnologies[0])\n      this.checkAndDisableTechnology(this.checkedTechnologies[0])\n    } else {\n      this.disabledTechnologies.forEach(this.checkAndEnableTechnology)\n      this.messageLengthChangedToLowest()\n    }\n\n    if(this.hasDescriptionTarget) {\n      this.descriptionTarget.textContent = this.summaryForSpecificTechnologies.replace(\n        '%{technologies}',\n        commaSeperatedListWithAndConjunction(this.checkedTechnologies.map(technology => technology.dataset.formattedName))\n      )\n    }\n\n    if (this.hasErrorTarget) {\n      if (this.checkedTechnologies.length === 0) {\n        this.show(this.errorTarget)\n      } else {\n        this.hide(this.errorTarget)\n      }\n    }\n\n    this.dispatch('changed', {\n      detail: {\n        ids: this.checkedTechnologies.map(technology => technology.dataset.hashedId),\n        names: this.checkedTechnologies.map(technology => technology.dataset.name),\n      }\n    })\n  }\n\n  restoreSnapshot({technologies}) {\n    if (technologies.includes('all')) {\n      this.allTarget.checked = true\n      this.technologyTargets.forEach(this.checkAndDisableTechnology)\n    } else {\n      this.allTarget.checked = false\n\n      this.technologyTargets.forEach(technology => {\n        technology.checked = technologies.includes(technology.dataset.hashedId)\n        technology.disabled = false\n\n        this.enableTechnology(technology)\n      })\n    }\n  }\n\n  // private\n\n  changeMessageLengthToCheckedTechnology(technology) {\n    this.dispatch(\"messageLengthChange\", {\n      detail: {\n        name: technology.dataset.name,\n        maxMessageLength: Number.parseInt(technology.dataset.maxMessageLength)\n      }\n    })\n  }\n\n  messageLengthChangedToLowest() {\n    if (!this.technologyWithLowestMessageLength) return\n\n    this.dispatch(\"messageLengthChange\", {\n      detail: this.technologyWithLowestMessageLength\n    })\n  }\n\n  checkAndDisableTechnology(technologyCheckbox) {\n    technologyCheckbox.checked = true\n    technologyCheckbox.classList.add('text-gray-300')\n    technologyCheckbox.parentElement.classList.add('pointer-events-none')\n\n    technologyCheckbox.parentElement.classList.add(...this.disabledClasses)\n    technologyCheckbox.parentElement.classList.remove(...this.enabledClasses)\n  }\n\n  checkAndEnableTechnology(technologyCheckbox) {\n    technologyCheckbox.disabled = false\n\n    technologyCheckbox.classList.remove('text-gray-300')\n    technologyCheckbox.parentElement.classList.remove('pointer-events-none')\n\n    this.enableTechnology(technologyCheckbox)\n  }\n\n  enableTechnology(technologyCheckbox) {\n    technologyCheckbox.parentElement.classList.remove(...this.disabledClasses)\n    technologyCheckbox.parentElement.classList.add(...this.enabledClasses)\n  }\n\n  get technologyWithLowestMessageLength() {\n    const lowestMessageLength = Math.min(\n      ...this.checkedTechnologies.map(checkbox => Number.parseInt(checkbox.dataset.maxMessageLength))\n    )\n\n    const technology = this.checkedTechnologies.find(\n      technology => technology.dataset.maxMessageLength === lowestMessageLength.toString()\n    )\n\n\n    return technology ? {name: technology.dataset.name, maxMessageLength: lowestMessageLength} : null\n  }\n\n  get checkedTechnologies() {\n    return this.technologyTargets.filter(technology => technology.checked)\n  }\n\n  get disabledTechnologies() {\n    return this.technologyTargets.filter(technology => technology.disabled || technology.classList.contains('text-gray-300'))\n  }\n\n  get snapshot() {\n    return {\n      technologies: this.allTarget.checked ? ['all'] : this.checkedTechnologies.map(technology => technology.dataset.hashedId),\n      maxMessageLength: this.technologyWithLowestMessageLength?.maxMessageLength\n    }\n  }\n\n  get summaryForAllTechnologies() {\n    return this.recordTypeValue === 'Journey' ? t.compose.technologies.journeys.summary.all : t.compose.technologies.summary.all\n  }\n\n  get summaryForSpecificTechnologies() {\n    return this.recordTypeValue === 'Journey' ? t.compose.technologies.journeys.summary.specific : t.compose.technologies.summary.specific\n  }\n}\n"],"names":["technologies_controller","ApplicationController","technology","commaSeperatedListWithAndConjunction","technologies","technologyCheckbox","lowestMessageLength","checkbox","_a","__publicField"],"mappings":"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"}