(window.webpackJsonp=window.webpackJsonp||[]).push([[63],{"./flow-runner/components/contextbar/contextbarView.tsx":function(e,t,o){"use strict";var n=this&&this.__createBinding||(Object.create?function(e,t,o,n){void 0===n&&(n=o),Object.defineProperty(e,n,{enumerable:!0,get:function(){return t[o]}})}:function(e,t,o,n){void 0===n&&(n=o),e[n]=t[o]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__decorate||function(e,t,o,n){var a,i=arguments.length,l=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,n);else for(var r=e.length-1;r>=0;r--)(a=e[r])&&(l=(i<3?a(l):i>3?a(t,o,l):a(t,o))||l);return i>3&&l&&Object.defineProperty(t,o,l),l},l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&n(t,e,o);return a(t,e),t},r=this&&this.__awaiter||function(e,t,o,n){return new(o||(o=Promise))((function(a,i){function l(e){try{s(n.next(e))}catch(e){i(e)}}function r(e){try{s(n.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(l,r)}s((n=n.apply(e,t||[])).next())}))},s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const d=l(o("../../node_modules/react/index.js")),c=s(o("../../node_modules/styled-components/dist/styled-components.browser.esm.js")),u=o("../../node_modules/@postman/aether/esmLib/index.js"),p=o("./runtime-repl/_common/components/molecule.js"),m=o("../../node_modules/mobx/lib/mobx.module.js"),f=o("../../node_modules/mobx-react/dist/mobx-react.module.js"),h=o("./appsdk/contextbar/ContextBarViewHeader.js"),b=c.default.div`
  padding: ${({theme:e})=>e["spacing-zero"]} ${({theme:e})=>e["spacing-s"]};
  `,w=c.default.div`
  padding: ${({theme:e})=>e["spacing-l"]} ${({theme:e})=>e["spacing-s"]};
  gap: ${({theme:e})=>e["spacing-xs"]};
  display: flex;
  flex-direction: column;
  font-size: ${({theme:e})=>e["text-size-m"]};
  line-height: ${({theme:e})=>e["line-height-m"]};

  .documentation-editor-dropdown {
    display: none;
  }

`;let y=class extends d.Component{constructor(){super(...arguments),this.editMode=!1,this.snapshotDownloading=!1}setEditMode(e){this.editMode=e}downloadSnapshot(){return r(this,void 0,void 0,(function*(){try{m.runInAction((()=>{this.snapshotDownloading=!0})),yield this.props.contextData.model.downloadSnapShot()}catch(e){pm.logger.error(e),u.toast({title:"Failed to create snapshot",status:"error"})}finally{m.runInAction((()=>{this.snapshotDownloading=!1}))}}))}render(){const{onClose:e}=this.props,{id:t,model:o}=this.props.contextData;return d.default.createElement(u.Flex,{direction:"column"},d.default.createElement(h.ContextBarViewHeader,{title:"Flow details",onClose:()=>e()}),d.default.createElement(b,null,d.default.createElement(p.EntityMetaInfoView,{userFriendlyEntityName:"flow",info:{id:t}})),d.default.createElement(w,null,d.default.createElement(u.TextArea,{placeholder:"Enter summary for flow",value:o.flowDescription,onChange:e=>{o.updateFlowDescription(e.target.value)},label:d.default.createElement(u.Label,{text:"Summary"}),isDisabled:o.isReadOnly,maxLength:140})),d.default.createElement(u.Flex,{direction:"column",padding:"spacing-zero spacing-s",gap:"spacing-s"},d.default.createElement(u.Flex,{direction:"column"},d.default.createElement(u.Label,{text:"Snapshot"}),d.default.createElement(u.Text,{type:"body-medium",color:"content-color-secondary"},"A snapshot is a representation of your flow that you can send to our support team to seek help or report a bug in Flows")),d.default.createElement(u.Flex,null,d.default.createElement(u.Button,{type:"outline",onClick:()=>this.downloadSnapshot(),size:"small",text:"Save Snapshot",isLoading:this.snapshotDownloading}))))}};i([m.observable],y.prototype,"editMode",void 0),i([m.observable],y.prototype,"snapshotDownloading",void 0),i([m.action],y.prototype,"setEditMode",null),y=i([f.observer],y),t.default=y}}]);