{"version":3,"file":"pane_controller-CWqOhT32.js","sources":["../../../app/javascript/controllers/step/request/pane_controller.js"],"sourcesContent":["import PaneController from \"../../journeys/pane_controller\"\n\nexport default class extends PaneController {\n  static values = {\n    method: { type: String, default: \"\" },\n    url: { type: String, default: \"\" },\n    headers: Object,\n    contentType: String,\n    stepName: String,\n  }\n\n  static targets = [\n    \"header\",\n    \"headersList\",\n    \"addButton\",\n    \"template\",\n    \"request\",\n    \"url\",\n    \"headers\",\n    \"headersNote\",\n    \"addHeadersButton\",\n    \"submit\",\n    \"method\",\n    \"body\",\n    \"addBodyButton\",\n    \"contentTypeSelect\",\n    \"bodyContent\",\n    \"bodyRow\",\n    \"bodyTextarea\",\n    \"addFieldButton\",\n    \"bodyField\",\n    \"stepNameInput\",\n  ]\n\n  initialize() {\n    super.initialize()\n\n    this.state = {\n      method: this.methodValue,\n      url: this.urlValue,\n      headerVisible: this.headersTarget.classList.contains(\"hidden\") === false,\n      bodyVisible: this.bodyTarget.classList.contains(\"hidden\") === false,\n      contentType: this.contentTypeValue,\n      rawBody: this.bodyTextareaTarget.value,\n    }\n\n    this.changedState = {...this.state}\n  }\n\n  sync(commit = false) {\n    this.dispatch(\"sync\", {\n      detail: {\n        commit,\n        stepId: this.stepIdValue,\n        method: this.state.method,\n        url: this.state.url,\n        name: this.stepNameValue,\n      },\n      target: document.documentElement,\n    })\n  }\n\n  saveAndHide() {\n    if(this.invalidFields.length > 0) {\n      this.invalidFields.forEach(field => {\n          this.dispatch(\"invalidate\", { target: field })\n        })\n\n      return\n    }\n\n    const oldHeaderVisibility = this.state.headerVisible\n    const oldBodyVisibility = this.state.bodyVisible\n\n    this.state = { ...this.changedState }\n    this.stepNameValue = this.stepNameInputTarget.value.trim()\n\n    this.clearQueue()\n    this.sync(true)\n    this._hide()\n\n    if(oldHeaderVisibility !== this.state.headerVisible && this.state.headerVisible === false) {\n      this.dispatch(\"headers:clear\", {\n        target: this.headersTarget\n      })\n    }\n\n    if(oldBodyVisibility !== this.state.bodyVisible && this.state.bodyVisible === false) {\n      this.dispatch(\"content-type:clear\", {\n        target: this.contentTypeSelectTarget\n      })\n\n      this.dispatch(\"body:clear\", {\n        target: this.bodyContentTarget\n      })\n\n      this.bodyTextareaTarget.value = \"\"\n      this.bodyTextareaTarget.disabled = true\n      this.bodyTextareaTarget.classList.add(\"hidden\")\n      this.bodyContentTarget.classList.add(\"hidden\")\n\n      this.hideBody()\n    }\n\n    if(this.state.headerVisible) {\n      this.dispatch(\"headers:save\", {\n        target: this.headersTarget\n      })\n    }\n\n    if(this.state.bodyVisible) {\n      this.dispatch(\"body:save\", {\n        target: this.bodyContentTarget\n      })\n    }\n\n    if(this.state.contentType) {\n      this.showBodyContent(this.state.contentType, true)\n    }\n  }\n\n  cancel() {\n    this._abort()\n    this._hide()\n\n    setTimeout(this.clearQueue, 1000)\n\n    this.urlTarget.value = this.state.url\n\n    if(this.changedState.method !== this.state.method) {\n      this.dispatch(\"select\", {\n        target: this.methodTarget,\n        detail: this.state.method\n      })\n    }\n\n    if(this.state.headerVisible && !this.changedState.headerVisible) {\n      this.showHeaders()\n    }\n\n    if(!this.state.headerVisible && this.changedState.headerVisible) {\n      this.hideHeaders()\n    }\n\n    if(this.state.bodyVisible && !this.changedState.bodyVisible) {\n      this.showBody()\n    }\n\n    if(!this.state.bodyVisible && this.changedState.bodyVisible) {\n      this.hideBody()\n    }\n\n    if(this.state.contentType !== this.changedState.contentType) {\n      this.dispatch(\"content-type:set\", {\n        detail: this.state.contentType,\n        target: this.contentTypeSelectTarget\n      })\n\n      this.showBodyContent(this.state.contentType, true)\n    }\n\n    this.dispatch(\"headers:restore\", {\n      target: this.headersTarget\n    })\n\n    this.dispatch(\"body:restore\", {\n      target: this.bodyContentTarget\n    })\n\n    this.bodyTextareaTarget.value = this.state.rawBody\n\n    this.changedState = { ...this.state }\n  }\n\n  syncValues() {\n    if (this.hasUnsavedChanges) {\n      window.paneId = this.element.id\n    }\n  }\n\n  _abort() {\n    this.dispatch(\"sync:abort\", {\n      detail: this.stepIdValue,\n      target: document.documentElement,\n    })\n\n    super._abort()\n  }\n\n  methodChanged({ target: { value } }) {\n    this.changedState = {\n      ...this.changedState,\n      method: value,\n    }\n\n    this.submitTarget.disabled = this.changedState.method.length === 0 || this.changedState.url.length === 0\n  }\n\n  showHeaders() {\n    this.changedState = {\n      ...this.changedState,\n      headerVisible: true,\n    }\n\n    if(this.headers.length === 0) {\n      this.dispatch(\"headers:add\", { target: this.headersTarget })\n    }\n\n    this.headersTarget.classList.remove(\"hidden\")\n    this.headersNoteTarget.classList.remove(\"hidden\")\n\n    this.addHeadersButtonTarget.classList.add(\"hidden\")\n  }\n\n  showBody() {\n    this.changedState = {\n      ...this.changedState,\n      bodyVisible: true,\n    }\n\n    this.bodyTarget.classList.remove(\"hidden\")\n    this.addBodyButtonTarget.classList.add(\"hidden\")\n  }\n\n  hideBody() {\n    this.changedState = {\n      ...this.changedState,\n      bodyVisible: false,\n      contentType: null\n    }\n\n    this.bodyTarget.classList.add(\"hidden\")\n    this.addBodyButtonTarget.classList.remove(\"hidden\")\n  }\n\n  hideHeaders() {\n    this.changedState = {\n      ...this.changedState,\n      headerVisible: false,\n    }\n\n    this.headersTarget.classList.add(\"hidden\")\n    this.headersNoteTarget.classList.add(\"hidden\")\n\n    this.addHeadersButtonTarget.classList.remove(\"hidden\")\n  }\n\n  onUrlChange() {\n    this.changedState = {\n      ...this.changedState,\n      url: this.urlTarget.value,\n    }\n\n    this.submitTarget.disabled = this.changedState.method.length === 0 || this.changedState.url.length === 0\n  }\n\n  onRawBodyChange() {\n    this.changedState = {\n      ...this.changedState,\n      rawBody: this.bodyTextareaTarget.value,\n    }\n  }\n\n  setContentType({ currentTarget: { dataset } }) {\n    this.changedState = {\n      ...this.changedState,\n      contentType: dataset.contentType,\n    }\n\n    if(this.bodyFields.length === 0) {\n      this.dispatch(\"body:add\", { target: this.bodyContentTarget })\n    }\n\n    this.dispatch(\"content-type:set\", {\n      detail: dataset.contentType,\n      target: this.headersTarget\n    })\n\n    if(!this.state.headerVisible) {\n      this.showHeaders()\n    }\n\n    this.bodyContentTarget.classList.remove(\"hidden\")\n    this.showBodyContent(dataset.contentType)\n  }\n\n  showBodyContent(contentType, commitChanges = false) {\n    if([\"multipart/form-data\", \"application/x-www-form-urlencoded\"].includes(contentType)) {\n      this.bodyRowTarget.querySelectorAll(\"input\").forEach((input) => input.disabled = false)\n      this.bodyRowTarget.classList.remove(\"hidden\")\n\n      this.bodyTextareaTarget.classList.add(\"hidden\")\n      this.addFieldButtonTarget.classList.remove(\"hidden\")\n\n      if(commitChanges) {\n        this.bodyTextareaTarget.value = \"\"\n        this.bodyTextareaTarget.disabled = true\n      }\n    } else {\n      this.bodyRowTarget.classList.add(\"hidden\")\n      this.addFieldButtonTarget.classList.add(\"hidden\")\n\n      if(commitChanges) {\n        this.bodyRowTarget.querySelectorAll(\"input\").forEach((input) => {\n          input.value = \"\"\n          input.disabled = true\n        })\n      }\n\n      this.bodyTextareaTarget.classList.remove(\"hidden\")\n      this.bodyTextareaTarget.disabled = false\n    }\n  }\n\n  get hasUnsavedChanges() {\n    return this.nameChanged\n      || Object.keys(this.state).some((key) => this.state[key] !== this.changedState[key])\n      || this.element.querySelectorAll(\"[data-changed]\").length > 0\n      || this.changedState.headerVisible && this.headers.some((header) => !header.hasAttribute(\"data-saved\")) || this.headers.some((header) => header.hasAttribute(\"data-saved\") && header.classList.contains(\"hidden\"))\n      || this.hasRows && this.changedState.bodyVisible && this.bodyFields.some((field) => !field.hasAttribute(\"data-saved\")) || this.bodyFields.some((field) => field.hasAttribute(\"data-saved\") && field.classList.contains(\"hidden\"))\n  }\n\n  get nameChanged() {\n    return this.stepNameValue !== this.stepNameInputTarget.value.trim()\n  }\n\n  get invalidFields() {\n    return [\n      ...(this.changedState.headerVisible ? this.headers.filter(header => header.hasAttribute(\"data-invalid\")) : []),\n      ...(this.hasRows ? this.bodyFields.filter(field => field.hasAttribute(\"data-invalid\")) : []),\n    ]\n  }\n\n  get headers() {\n    return this.headerTargets.filter((header) => !header.hasAttribute(\"data-template\"))\n  }\n\n  get bodyFields() {\n    return this.bodyFieldTargets.filter((field) => !field.hasAttribute(\"data-template\"))\n  }\n\n  get hasRows() {\n    return [\"multipart/form-data\", \"application/x-www-form-urlencoded\"].includes(this.changedState.contentType)\n  }\n}\n"],"names":["pane_controller","PaneController","commit","field","oldHeaderVisibility","oldBodyVisibility","value","dataset","contentType","commitChanges","input","key","header","__publicField"],"mappings":"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"}