{"version":3,"file":"pane_controller-Doc838UY.js","sources":["../../../app/javascript/controllers/step/message/pane_controller.js"],"sourcesContent":["import PaneController from \"../../journeys/pane_controller\"\nimport {snap} from \"gsap/gsap-core\";\n\nexport default class extends PaneController {\n  static values = {\n    targetTechnologies: Array,\n    body: String,\n    stepName: String,\n    delivery: String,\n  }\n\n  static targets = ['compose', 'submit', 'stepNameInput']\n\n  initialize() {\n    super.initialize()\n\n    this.state = {\n      body: this.bodyValue,\n      maxMessageLength: this.maxMessageLength,\n      technologies: [],\n      attachments: [],\n    }\n\n    this.changedState = { ...this.state }\n\n    this.delivery = this.deliveryValue\n  }\n\n  connect() {\n    super.connect()\n    this.elementSnapshot = this.element.cloneNode(true)\n  }\n\n  onComposeInitialization({ detail: snapshot }) {\n    this.state.body = snapshot.string\n    this.state.technologies = snapshot.technologies\n    this.state.maxMessageLength = snapshot.maxMessageLength\n    this.state.footer = snapshot.footer\n\n    this.state.latitude = snapshot.location?.lat\n    this.state.longitude = snapshot.location?.lng\n\n    this.state.attachments = snapshot.attachments\n    this.state.buttons = snapshot.buttons\n\n    this.snapshot = this.changedSnapshot = snapshot\n\n    this.changedState = {\n      ...this.changedState,\n      ...this.state\n    }\n  }\n\n  onContentValueChange({ detail }) {\n    const { string } = detail\n\n    this.changedState.body = string\n    this.changedState.footer = detail.footer\n\n    this.changedState.latitude = detail.location?.lat\n    this.changedState.longitude = detail.location?.lng\n    this.changedState.buttons = detail.buttons\n\n    this.changedState.attachments = detail.attachments\n    this.changedSnapshot = detail\n\n    this.submitTarget.disabled = string.length === 0\n  }\n\n  onMessageLengthChange({ detail }) {\n    const { maxMessageLength } = detail\n    this.changedState.maxMessageLength = maxMessageLength\n\n    if(!this.state.maxMessageLength) {\n      this.state.maxMessageLength = maxMessageLength\n    }\n\n    this.dispatch('technologies:messageLengthChange', {\n      target: this.composeTarget,\n      detail\n    })\n  }\n\n  onTargetTechnologiesChange({ detail }) {\n    this.technologyNames = detail.names\n    this.changedState.technologies = detail.ids\n    this.submitTarget.disabled = detail.length === 0\n\n    this.dispatch('technologies:changed', {\n      target: this.composeTarget,\n      detail\n    })\n  }\n\n  onDeliveryChange({ detail: delivery }) {\n    this.delivery = delivery\n  }\n\n  save() {\n    const { template, templateChanged } = this.changedSnapshot\n\n    if(template && ['medium', 'low'].includes(template.quality) && !templateChanged) {\n      this.dispatch('show', {\n        target: this.element,\n        detail: template.quality,\n      })\n    } else {\n      this.saveAndHide()\n    }\n  }\n\n  saveAndHide() {\n    if(this.technologyNames.length === 1 && this.technologyNames[0] === 'sms') {\n      delete this.changedSnapshot.buttons\n      delete this.changedState.buttons\n\n      this.changedSnapshot.attachments = this.changedState.attachments = []\n      this.changedSnapshot.location = this.changedState.location = null\n\n      this.changedSnapshot.footer = this.changedState.footer = ''\n\n      this.dispatch('clear', {target: this.composeTarget})\n    }\n\n    this.state = { ...this.changedState }\n    this.stepNameValue = this.stepNameInputTarget.value\n\n    this.deliveryValue = this.delivery\n\n    this.sync(true)\n    this._hide()\n\n    this.clearQueue(false)\n\n    this.state = { ...this.changedState }\n\n    this.snapshot = {\n      ...this.changedSnapshot,\n      technologies: this.changedState.technologies\n    }\n\n    this.elementSnapshot = this.element.cloneNode(true)\n  }\n\n  get hasUnsavedChanges() {\n    return this.nameChanged\n      || this.changedState.body !== this.state.body\n      || this.changedState.maxMessageLength !== this.state.maxMessageLength\n      || this.changedState.footer !== this.state.footer\n      || this.targetTechnologiesChanged\n      || this.changedState.latitude !== this.state.latitude\n      || this.changedState.longitude !== this.state.longitude\n      || this.buttonsChanged\n      || this.changedState.attachments.length !== this.state.attachments.length || this.changedState.attachments.some((attachment, index) => this.state.attachments[index] !== attachment)\n      || this.delivery !== this.deliveryValue\n  }\n\n  get nameChanged() {\n    return this.stepNameValue !== this.stepNameInputTarget.value.trim()\n  }\n\n  sync(commit = false) {\n    this.dispatch(\"sync\", {\n      detail: {\n        stepId: this.stepIdValue,\n        body: this.state.body,\n        smsCount: 1,\n        smsLength: this.maxMessageLength,\n        coupon: this.coupon,\n        commit,\n        pieces: this.changedSnapshot.pieces,\n        ...this.changedSnapshot,\n        stepName: this.stepNameValue,\n      },\n      target: document.documentElement,\n    })\n  }\n\n  syncValues() {\n    if (this.hasUnsavedChanges) {\n      window.paneId = this.element.id\n    }\n  }\n\n  cancel() {\n    this._abort()\n    this._hide()\n\n    setTimeout(this.clearQueue, 1000)\n  }\n\n  afterShow() {\n    this.dispatch('focus', {\n      target: this.composeTarget\n    })\n  }\n\n  _abort() {\n    this.dispatch(\"sync:abort\", {\n      detail: this.stepIdValue,\n      target: document.documentElement,\n    })\n\n    this.element.querySelector('[data-close-modal]').click()\n\n    this.delayed(() => {\n      this.element.replaceWith(this.elementSnapshot)\n    }, 300)\n  }\n\n  onEnterKeydown({ detail: snapshot }) {\n    if(snapshot.string) {\n      this.saveAndHide()\n    }\n  }\n\n  editTemplate() {\n    this.nextTick(() => {\n      this.dispatch('focus', {\n        target: this.composeTarget\n      })\n    },)\n  }\n\n  hidePane(e) {\n    if (\n      this.element.contains(e.target) ||\n      Array.from(document.querySelectorAll(\"#toast\")).some((toast) =>\n        toast.contains(e.target)\n      ) ||\n      this.invisible ||\n      e.target.id.split(\"_trigger\")[0] === this.stepIdValue ||\n      this.composeTarget.contains(document.activeElement)\n    )\n      return\n\n    if (this.hasUnsavedChanges) {\n      this.openModalButtonTarget.click()\n      e.preventDefault()\n      window.paneId = this.element.id\n    } else {\n      this._hide()\n      this.cancel()\n      this.clearQueue()\n    }\n  }\n\n  get targetTechnologiesChanged() {\n    return this.state.technologies !== this.changedState.technologies\n  }\n\n  get buttonsChanged() {\n    const changedButtons = this.changedSnapshot.buttons.map(({buttons, type}) => buttons).flat()\n    const currentButtons  = this.snapshot.buttons.map(({buttons, type}) => buttons).flat()\n\n    return changedButtons.length !== currentButtons.length\n      || changedButtons.some((button, index) => currentButtons[index].title !== button.title || currentButtons[index].value !== button.value)\n  }\n}\n"],"names":["pane_controller","PaneController","snapshot","_a","_b","detail","string","maxMessageLength","delivery","template","templateChanged","attachment","index","commit","e","toast","changedButtons","buttons","type","currentButtons","button","__publicField"],"mappings":"sNAGe,MAAKA,UAASC,CAAe,CAU1C,YAAa,CACX,MAAM,WAAU,EAEhB,KAAK,MAAQ,CACX,KAAM,KAAK,UACX,iBAAkB,KAAK,iBACvB,aAAc,CAAE,EAChB,YAAa,CAAE,CACrB,EAEI,KAAK,aAAe,CAAE,GAAG,KAAK,KAAK,EAEnC,KAAK,SAAW,KAAK,aACzB,CAEE,SAAU,CACR,MAAM,QAAO,EACb,KAAK,gBAAkB,KAAK,QAAQ,UAAU,EAAI,CACtD,CAEE,wBAAwB,CAAE,OAAQC,GAAY,SAC5C,KAAK,MAAM,KAAOA,EAAS,OAC3B,KAAK,MAAM,aAAeA,EAAS,aACnC,KAAK,MAAM,iBAAmBA,EAAS,iBACvC,KAAK,MAAM,OAASA,EAAS,OAE7B,KAAK,MAAM,UAAWC,EAAAD,EAAS,WAAT,YAAAC,EAAmB,IACzC,KAAK,MAAM,WAAYC,EAAAF,EAAS,WAAT,YAAAE,EAAmB,IAE1C,KAAK,MAAM,YAAcF,EAAS,YAClC,KAAK,MAAM,QAAUA,EAAS,QAE9B,KAAK,SAAW,KAAK,gBAAkBA,EAEvC,KAAK,aAAe,CAClB,GAAG,KAAK,aACR,GAAG,KAAK,KACd,CACA,CAEE,qBAAqB,CAAE,OAAAG,GAAU,SAC/B,KAAM,CAAE,OAAAC,CAAM,EAAKD,EAEnB,KAAK,aAAa,KAAOC,EACzB,KAAK,aAAa,OAASD,EAAO,OAElC,KAAK,aAAa,UAAWF,EAAAE,EAAO,WAAP,YAAAF,EAAiB,IAC9C,KAAK,aAAa,WAAYC,EAAAC,EAAO,WAAP,YAAAD,EAAiB,IAC/C,KAAK,aAAa,QAAUC,EAAO,QAEnC,KAAK,aAAa,YAAcA,EAAO,YACvC,KAAK,gBAAkBA,EAEvB,KAAK,aAAa,SAAWC,EAAO,SAAW,CACnD,CAEE,sBAAsB,CAAE,OAAAD,GAAU,CAChC,KAAM,CAAE,iBAAAE,CAAgB,EAAKF,EAC7B,KAAK,aAAa,iBAAmBE,EAEjC,KAAK,MAAM,mBACb,KAAK,MAAM,iBAAmBA,GAGhC,KAAK,SAAS,mCAAoC,CAChD,OAAQ,KAAK,cACb,OAAAF,CACD,CAAA,CACL,CAEE,2BAA2B,CAAE,OAAAA,GAAU,CACrC,KAAK,gBAAkBA,EAAO,MAC9B,KAAK,aAAa,aAAeA,EAAO,IACxC,KAAK,aAAa,SAAWA,EAAO,SAAW,EAE/C,KAAK,SAAS,uBAAwB,CACpC,OAAQ,KAAK,cACb,OAAAA,CACD,CAAA,CACL,CAEE,iBAAiB,CAAE,OAAQG,GAAY,CACrC,KAAK,SAAWA,CACpB,CAEE,MAAO,CACL,KAAM,CAAE,SAAAC,EAAU,gBAAAC,CAAiB,EAAG,KAAK,gBAExCD,GAAY,CAAC,SAAU,KAAK,EAAE,SAASA,EAAS,OAAO,GAAK,CAACC,EAC9D,KAAK,SAAS,OAAQ,CACpB,OAAQ,KAAK,QACb,OAAQD,EAAS,OAClB,CAAA,EAED,KAAK,YAAW,CAEtB,CAEE,aAAc,CACT,KAAK,gBAAgB,SAAW,GAAK,KAAK,gBAAgB,CAAC,IAAM,QAClE,OAAO,KAAK,gBAAgB,QAC5B,OAAO,KAAK,aAAa,QAEzB,KAAK,gBAAgB,YAAc,KAAK,aAAa,YAAc,CAAA,EACnE,KAAK,gBAAgB,SAAW,KAAK,aAAa,SAAW,KAE7D,KAAK,gBAAgB,OAAS,KAAK,aAAa,OAAS,GAEzD,KAAK,SAAS,QAAS,CAAC,OAAQ,KAAK,aAAa,CAAC,GAGrD,KAAK,MAAQ,CAAE,GAAG,KAAK,YAAY,EACnC,KAAK,cAAgB,KAAK,oBAAoB,MAE9C,KAAK,cAAgB,KAAK,SAE1B,KAAK,KAAK,EAAI,EACd,KAAK,MAAK,EAEV,KAAK,WAAW,EAAK,EAErB,KAAK,MAAQ,CAAE,GAAG,KAAK,YAAY,EAEnC,KAAK,SAAW,CACd,GAAG,KAAK,gBACR,aAAc,KAAK,aAAa,YACtC,EAEI,KAAK,gBAAkB,KAAK,QAAQ,UAAU,EAAI,CACtD,CAEE,IAAI,mBAAoB,CACtB,OAAO,KAAK,aACP,KAAK,aAAa,OAAS,KAAK,MAAM,MACtC,KAAK,aAAa,mBAAqB,KAAK,MAAM,kBAClD,KAAK,aAAa,SAAW,KAAK,MAAM,QACxC,KAAK,2BACL,KAAK,aAAa,WAAa,KAAK,MAAM,UAC1C,KAAK,aAAa,YAAc,KAAK,MAAM,WAC3C,KAAK,gBACL,KAAK,aAAa,YAAY,SAAW,KAAK,MAAM,YAAY,QAAU,KAAK,aAAa,YAAY,KAAK,CAACE,EAAYC,IAAU,KAAK,MAAM,YAAYA,CAAK,IAAMD,CAAU,GAChL,KAAK,WAAa,KAAK,aAChC,CAEE,IAAI,aAAc,CAChB,OAAO,KAAK,gBAAkB,KAAK,oBAAoB,MAAM,KAAI,CACrE,CAEE,KAAKE,EAAS,GAAO,CACnB,KAAK,SAAS,OAAQ,CACpB,OAAQ,CACN,OAAQ,KAAK,YACb,KAAM,KAAK,MAAM,KACjB,SAAU,EACV,UAAW,KAAK,iBAChB,OAAQ,KAAK,OACb,OAAAA,EACA,OAAQ,KAAK,gBAAgB,OAC7B,GAAG,KAAK,gBACR,SAAU,KAAK,aAChB,EACD,OAAQ,SAAS,eAClB,CAAA,CACL,CAEE,YAAa,CACP,KAAK,oBACP,OAAO,OAAS,KAAK,QAAQ,GAEnC,CAEE,QAAS,CACP,KAAK,OAAM,EACX,KAAK,MAAK,EAEV,WAAW,KAAK,WAAY,GAAI,CACpC,CAEE,WAAY,CACV,KAAK,SAAS,QAAS,CACrB,OAAQ,KAAK,aACd,CAAA,CACL,CAEE,QAAS,CACP,KAAK,SAAS,aAAc,CAC1B,OAAQ,KAAK,YACb,OAAQ,SAAS,eAClB,CAAA,EAED,KAAK,QAAQ,cAAc,oBAAoB,EAAE,MAAK,EAEtD,KAAK,QAAQ,IAAM,CACjB,KAAK,QAAQ,YAAY,KAAK,eAAe,CACnD,EAAO,GAAG,CACV,CAEE,eAAe,CAAE,OAAQX,GAAY,CAChCA,EAAS,QACV,KAAK,YAAW,CAEtB,CAEE,cAAe,CACb,KAAK,SAAS,IAAM,CAClB,KAAK,SAAS,QAAS,CACrB,OAAQ,KAAK,aACd,CAAA,CACF,CAAA,CACL,CAEE,SAASY,EAAG,CAER,KAAK,QAAQ,SAASA,EAAE,MAAM,GAC9B,MAAM,KAAK,SAAS,iBAAiB,QAAQ,CAAC,EAAE,KAAMC,GACpDA,EAAM,SAASD,EAAE,MAAM,CACxB,GACD,KAAK,WACLA,EAAE,OAAO,GAAG,MAAM,UAAU,EAAE,CAAC,IAAM,KAAK,aAC1C,KAAK,cAAc,SAAS,SAAS,aAAa,IAIhD,KAAK,mBACP,KAAK,sBAAsB,MAAK,EAChCA,EAAE,eAAc,EAChB,OAAO,OAAS,KAAK,QAAQ,KAE7B,KAAK,MAAK,EACV,KAAK,OAAM,EACX,KAAK,WAAU,GAErB,CAEE,IAAI,2BAA4B,CAC9B,OAAO,KAAK,MAAM,eAAiB,KAAK,aAAa,YACzD,CAEE,IAAI,gBAAiB,CACnB,MAAME,EAAiB,KAAK,gBAAgB,QAAQ,IAAI,CAAC,CAAC,QAAAC,EAAS,KAAAC,CAAI,IAAMD,CAAO,EAAE,KAAI,EACpFE,EAAkB,KAAK,SAAS,QAAQ,IAAI,CAAC,CAAC,QAAAF,EAAS,KAAAC,CAAI,IAAMD,CAAO,EAAE,KAAI,EAEpF,OAAOD,EAAe,SAAWG,EAAe,QAC3CH,EAAe,KAAK,CAACI,EAAQR,IAAUO,EAAeP,CAAK,EAAE,QAAUQ,EAAO,OAASD,EAAeP,CAAK,EAAE,QAAUQ,EAAO,KAAK,CAC5I,CACA,CA9PEC,EADkBrB,EACX,SAAS,CACd,mBAAoB,MACpB,KAAM,OACN,SAAU,OACV,SAAU,MACd,GAEEqB,EARkBrB,EAQX,UAAU,CAAC,UAAW,SAAU,eAAe"}