@spinnaker/docker 2025.4.0-rc1 → 2025.4.1

package/dist/index.js

@@ -1,2 +1,1570 @@
-import{REST as e,RetryService as t,AccountService as a,ValidationMessage as s,HelpField as i,Tooltip as n,SETTINGS as o,Registry as r,BakeExecutionLabel as l,AuthenticationService as c,BakeryReader as g,TetheredSelect as m,Spinner as p}from"@spinnaker/core";import d,{groupBy as u,reduce as h,uniq as f,trim as v,get as y}from"lodash";import E from"react";import b from"react-select";import{module as N}from"angular";import I from"@uirouter/angularjs";import{$q as k}from"ngimport";import{Subject as C,from as z}from"rxjs";import{debounceTime as _,switchMap as w}from"rxjs/operators";class L{static getImage(t,a,s){return e("/images").path(s,a,t).query({provider:"docker"}).get().then((e=>e&&e.length?e[0]:null)).catch((()=>null))}static findImages(a){return t.buildRetrySequence((()=>e("/images/find").query(a).get()),(e=>e.length>0),10,1e3).then((e=>e)).catch((()=>[]))}static findTags(a){return t.buildRetrySequence((()=>e("/images/tags").query(a).get()),(e=>e.length>0),10,1e3).then((e=>e)).catch((()=>[]))}}class M{static getImage(t,a,s){return e("/charts").path(s,a,t).query({provider:"docker"}).get().then((e=>e&&e.length?e[0]:null)).catch((()=>null))}static findImages(a){return t.buildRetrySequence((()=>e("/charts/find").query(a).get()),(e=>e.length>0),10,1e3).then((e=>e)).catch((()=>[]))}static findTags(a){return t.buildRetrySequence((()=>e("/charts/tags").query(a).get()),(e=>e.length>0),10,1e3).then((e=>e)).catch((()=>[]))}}class R{static splitImageId(e=""){let t;t=e.includes("@")?e.split("@"):e.split(":");const a=t[0],s=a.split("/").slice(0,-1).join("/"),i=t.length>1?t.slice(1).join(":"):"";let n,o;return i&&(i.startsWith("sha256:")?o=i:n=i),{organization:s,repository:a,digest:o,tag:n}}static generateImageId(e){if(!e.repository||!e.digest&&!e.tag)return;let t;return t=e.digest?`${e.repository}@${e.digest}`:`${e.repository}:${e.tag}`,t}}const x=["organization","repository","tag","digest"],T=[{label:"Manually",value:!0},{label:"Select from list",value:!1}];class S extends E.Component{constructor(e){super(e),this.unmounted=!1,this.cachedValues={},this.handleRefreshImages=()=>{this.refreshImages(this.props)},this.lookupTypeChanged=e=>{const t=e.value,a=this.state.lookupType,s=this.props[a],i=this.cachedValues[t];this.valueChanged(a,void 0),this.cachedValues[t]&&this.valueChanged(t,i),this.setState({lookupType:t}),this.cachedValues[a]=s},this.showManualInput=e=>{if(!e){const e=R.splitImageId(this.props.imageId||"");this.props.onChange(e),this.state.switchedManualWarning&&this.setState({switchedManualWarning:void 0,missingFields:void 0})}this.setState({defineManually:e})};const t=e.account?[{label:e.account,value:e.account}]:[],a=e.organization&&e.organization.length?[{label:e.organization,value:e.organization}]:[],s=e.repository&&e.repository.length?[{label:e.repository,value:e.repository}]:[],i=e.tag&&e.tag.length?[{label:e.tag,value:e.tag}]:[],n=R.splitImageId(e.imageId),o=e.allowManualDefinition&&Boolean(e.imageId&&e.imageId.includes("${"));this.state={accountOptions:t,switchedManualWarning:void 0,imagesLoaded:!1,imagesLoading:!1,organizationOptions:a,repositoryOptions:s,defineManually:o,tagOptions:i,lookupType:e.digest||n.digest?"digest":"tag"}}getAccountMap(e){const t=u(e.filter((e=>e.account)),"account");return h(t,((e,t,a)=>(e[a]=f(t.map((e=>`${e.repository.split("/").slice(0,-1).join("/")}`))),e)),{})}getRegistryMap(e){return e.reduce(((e,t)=>(e[t.account]=t.registry,e)),{})}getOrganizationMap(e){const t=u(e.filter((e=>e.repository)),(e=>`${e.account}/${e.repository.split("/").slice(0,-1).join("/")}`));return h(t,((e,t,a)=>(e[a]=f(t.map((e=>e.repository))),e)),{})}getRepositoryMap(e){const t=u(e.filter((e=>e.account)),"repository");return h(t,((e,t,a)=>(e[a]=f(t.map((e=>e.tag))),e)),{})}getOrganizationsList(e){return e&&e[this.props.showRegistry?this.props.account:this.props.registry]||[]}getRepositoryList(e,t,a){if(e){return e[`${this.props.showRegistry?this.props.account:a}/${t||""}`]||[]}return[]}getTags(e,t,a){let s=[];return this.props.specifyTagByRegex?e&&""===v(e)&&(e=void 0):t&&(s=t[a]||[],s.includes(e)||!e||e.includes("${")||(e=void 0)),{tag:e,tags:s}}componentWillReceiveProps(e){!this.images||["account","showRegistry"].some((t=>this.props[t]!==e[t]))?this.refreshImages(e):["organization","registry","repository"].some((t=>this.props[t]!==e[t]))&&this.updateThings(e),e.imageId&&e.imageId.includes("${")&&this.setState({defineManually:!0})}componentWillUnmount(){this.unmounted=!0}synchronizeChanges(e,t){const{organization:a,repository:s,tag:i,digest:n}=e;if(this.props.onChange){const e=R.generateImageId({organization:a,repository:s,tag:i,digest:n}),o={};i!==this.props.tag&&(o.tag=i),e!==this.props.imageId&&(o.imageId=e),a!==this.props.organization&&(o.organization=a),t!==this.props.registry&&(o.registry=t),s!==this.props.repository&&(o.repository=s),n!==this.props.digest&&(o.digest=n),Object.keys(o).length>0&&this.props.onChange(o)}}updateThings(e,t=!1){if(!this.repositoryMap||this.unmounted)return;const{imageId:a,specifyTagByRegex:s}=e;let{organization:i,registry:n,repository:o}=e;e.showRegistry&&(n=this.registryMap[e.account]);const r=!i||this.organizations.includes(i)||i.includes("${");r||(i="");const l=this.getRepositoryList(this.organizationMap,i,n),c=!o||o.includes("${")||l.includes(o);c||(o="");const{tag:g,tags:m}=this.getTags(e.tag,this.repositoryMap,o),p=g===e.tag||s,d={accountOptions:this.newAccounts.sort().map((e=>({label:e,value:e}))),organizationOptions:this.organizations.filter((e=>e)).sort().map((e=>({label:e,value:e}))),imagesLoaded:!0,repositoryOptions:l.sort().map((e=>({label:e,value:e}))),tagOptions:m.sort().map((e=>({label:e,value:e})))};if(!a||this.state.imagesLoaded&&!t||r&&c&&p)a&&a.includes("${")||this.synchronizeChanges(this.state.defineManually?R.splitImageId(a):{organization:i,repository:o,tag:g,digest:this.props.digest},n);else{d.defineManually=!0;const e=[];r||e.push("organization"),c||e.push("image"),p||e.push("tag"),d.missingFields=e,d.switchedManualWarning=`Could not find ${e.join(" or ")}, switched to manual entry`}this.setState(d)}initializeImages(e){if(this.state.imagesLoading)return;const{showRegistry:t,account:a,registry:s}=e,i={provider:"dockerRegistry",account:t?a:s};this.setState({imagesLoading:!0}),L.findImages(i).then((t=>{this.images=t,this.registryMap=this.getRegistryMap(this.images),this.accountMap=this.getAccountMap(this.images),this.newAccounts=this.accounts||Object.keys(this.accountMap),this.organizationMap=this.getOrganizationMap(this.images),this.repositoryMap=this.getRepositoryMap(this.images),this.organizations=this.getOrganizationsList(this.accountMap),this.updateThings(e,!0)})).finally((()=>{this.unmounted||this.setState({imagesLoading:!1})}))}refreshImages(e){this.initializeImages(e)}initializeAccounts(e){let{account:t}=e;a.listAccounts("dockerRegistry").then((a=>{const s=a.map((e=>e.name));this.props.showRegistry&&!t&&(t=s[0]),this.accounts=s,this.refreshImages({...e,account:t})}))}isNew(){const{account:e,organization:t,registry:a,repository:s,tag:i}=this.props;return!(e||t||a||s||i)}componentDidMount(){this.props.deferInitialization||!this.props.registry&&!this.isNew()||this.initializeAccounts(this.props)}valueChanged(e,t){const a={[e]:t};if(x.some((t=>t===e))){const{organization:e,repository:t,tag:s,digest:i}=this.props,n={organization:e,repository:t,tag:s,digest:i,...a},o=R.generateImageId(n);a.imageId=o}this.props.onChange&&this.props.onChange(a)}render(){const{account:e,allowManualDefinition:t,digest:a,imageId:o,organization:r,repository:l,showDigest:c,showRegistry:g,specifyTagByRegex:m,tag:p}=this.props,{accountOptions:d,switchedManualWarning:u,missingFields:h,imagesLoading:f,lookupType:v,organizationOptions:y,repositoryOptions:N,defineManually:I,tagOptions:k}=this.state,C=R.splitImageId(o),z=E.createElement("div",{className:"sp-formItem groupHeader"},E.createElement("div",{className:"sp-formItem__left"},E.createElement("div",{className:"sp-formLabel"},"Define Image ID"),E.createElement("div",{className:"sp-formActions sp-formActions--mobile"},E.createElement("span",{className:"action"}))),E.createElement("div",{className:"sp-formItem__right"},E.createElement("div",{className:"sp-form"},E.createElement("span",{className:"field"},E.createElement(b,{value:I,disabled:f||!t,onChange:e=>this.showManualInput(e.value),options:T,clearable:!1}))))),_=u?E.createElement("div",{className:"sp-formItem"},E.createElement("div",{className:"sp-formItem__left"}),E.createElement("div",{className:"sp-formItem__right"},E.createElement(s,{type:"warning",message:E.createElement(E.Fragment,null,u,(h||[]).map((e=>E.createElement("div",{key:e},E.createElement(i,{expand:!0,id:`pipeline.config.docker.trigger.missing.${e}`})))))}))):null;if(I)return E.createElement("div",{className:"sp-formGroup"},z,E.createElement("div",{className:"sp-formItem"},E.createElement("div",{className:"sp-formItem__left"},E.createElement("div",{className:"sp-formLabel"},"Image ID"),E.createElement("div",{className:"sp-formActions sp-formActions--mobile"},E.createElement("span",{className:"action"}))),E.createElement("div",{className:"sp-formItem__right"},E.createElement("div",{className:"sp-form"},E.createElement("span",{className:"field"},E.createElement("input",{className:"form-control input-sm",value:o||"",onChange:e=>this.valueChanged("imageId",e.target.value)}))))),_);const w=g?E.createElement("div",{className:"sp-formItem"},E.createElement("div",{className:"sp-formItem__left"},E.createElement("div",{className:"sp-formLabel"},"Registry Name")),E.createElement("div",{className:"sp-formItem__right"},E.createElement("div",{className:"sp-form"},E.createElement("span",{className:"field"},E.createElement(b,{value:e,disabled:f,onChange:e=>this.valueChanged("account",e?e.value:""),options:d,isLoading:f})),E.createElement("span",{className:"sp-formActions sp-formActions--web"},E.createElement("span",{className:"action"},E.createElement(n,{value:f?"Images refreshing":"Refresh images list"},E.createElement("i",{className:"fa icon-button-refresh-arrows "+(f?"fa-spin":""),onClick:this.handleRefreshImages}))))))):null,L=E.createElement("div",{className:"sp-formItem"},E.createElement("div",{className:"sp-formItem__left"},E.createElement("div",{className:"sp-formLabel"},"Organization")),E.createElement("div",{className:"sp-formItem__right"},E.createElement("div",{className:"sp-form"},E.createElement("span",{className:"field"},r.includes("${")?E.createElement("input",{disabled:f,className:"form-control input-sm",value:r||"",onChange:e=>this.valueChanged("organization",e.target.value)}):E.createElement(b,{value:r||"",disabled:f,onChange:e=>this.valueChanged("organization",e&&e.value||""),placeholder:"No organization",options:y,isLoading:f}))))),M=E.createElement("div",{className:"sp-formItem"},E.createElement("div",{className:"sp-formItem__left"},E.createElement("div",{className:"sp-formLabel"},"Image")),E.createElement("div",{className:"sp-formItem__right"},E.createElement("div",{className:"sp-form"},E.createElement("span",{className:"field"},l.includes("${")?E.createElement("input",{className:"form-control input-sm",disabled:f,value:l||"",onChange:e=>this.valueChanged("repository",e.target.value)}):E.createElement(b,{value:l||"",disabled:f,onChange:e=>this.valueChanged("repository",e&&e.value||""),options:N,required:!0,isLoading:f}))))),x="tag"===v?m?E.createElement("div",{className:"sp-formItem"},E.createElement("div",{className:"sp-formItem__left"},E.createElement("div",{className:"sp-formLabel"},"Tag")),E.createElement("div",{className:"sp-formItem__right"},E.createElement("div",{className:"sp-form"},E.createElement("span",{className:"field"},E.createElement("input",{type:"text",className:"form-control input-sm",value:p||"",disabled:f||!l,onChange:e=>this.valueChanged("tag",e.target.value)}))),E.createElement(i,{id:"pipeline.config.docker.trigger.tag",expand:!0}))):E.createElement("div",{className:"sp-formItem"},E.createElement("div",{className:"sp-formItem__left"},E.createElement("div",{className:"sp-formLabel"},"Tag")),E.createElement("div",{className:"sp-formItem__right"},E.createElement("div",{className:"sp-form"},E.createElement("span",{className:"field"},p&&p.includes("${")?E.createElement("input",{className:"form-control input-sm",disabled:f,value:p||"",onChange:e=>this.valueChanged("tag",e.target.value),required:!0}):E.createElement(E.Fragment,null,E.createElement(b,{value:p||"",disabled:f||!l,isLoading:f,onChange:e=>this.valueChanged("tag",e?e.value:void 0),options:k,placeholder:"No tag",required:!0}),E.createElement(i,{id:"pipeline.config.docker.trigger.tag.additionalInfo",expand:!0})))))):null,S="digest"===v?E.createElement("div",{className:"sp-formItem"},E.createElement("div",{className:"sp-formItem__left"},E.createElement("div",{className:"sp-formLabel"},"Digest ",E.createElement(i,{id:"pipeline.config.docker.trigger.digest"}))),E.createElement("div",{className:"sp-formItem__right"},E.createElement("div",{className:"sp-form"},E.createElement("span",{className:"field"},E.createElement("input",{className:"form-control input-sm",placeholder:"sha256:abc123",value:a||C.digest||"",onChange:e=>this.valueChanged("digest",e.target.value),required:!0}))))):null,O=c?E.createElement("div",{className:"sp-formItem"},E.createElement("div",{className:"sp-formItem__left"},E.createElement("div",{className:"sp-formLabel"},"Type")),E.createElement("div",{className:"sp-formItem__right"},E.createElement("div",{className:"sp-form"},E.createElement("span",{className:"field"},E.createElement(b,{clearable:!1,value:v,options:[{value:"digest",label:"Digest"},{value:"tag",label:"Tag"}],onChange:this.lookupTypeChanged}))))):null;return E.createElement("div",{className:"sp-formGroup"},z,w,L,M,O,S,x)}}S.defaultProps={organization:"",registry:"",repository:"",showDigest:!0,allowManualDefinition:!0};const O="spinnaker.docker.pipeline.stage.bake.executionDetails.controller";N(O,[I]).controller("dockerBakeExecutionDetailsCtrl",["$scope","$stateParams","executionDetailsSectionService","$interpolate",function(e,t,a,s){e.configSections=["bakeConfig","taskStatus"];const i=()=>{e.detailsSection=t.details,e.provider=e.stage.context.cloudProviderType||"docker",e.bakeryDetailUrl=s(e.roscoMode&&o.roscoDetailUrl?o.roscoDetailUrl:o.bakeryDetailUrl)},n=()=>a.synchronizeSection(e.configSections,i);n(),e.$on("$stateChangeSuccess",n)}]);const D="spinnaker.docker.pipeline.stage.bakeStage";N(D,[O]).config((function(){r.pipeline.registerStage({provides:"bake",cloudProvider:"docker",label:"Bake",description:"Bakes an image",templateUrl:"docker/src/pipeline/stages/bake/bakeStage.html",executionDetailsUrl:"docker/src/pipeline/stages/bake/bakeExecutionDetails.html",executionLabelComponent:l,extraLabelLines:e=>e.masterStage.context.allPreviouslyBaked||e.masterStage.context.somePreviouslyBaked?1:0,supportsCustomTimeout:!0,validators:[{type:"requiredField",fieldName:"package"}],restartable:!0})})).controller("dockerBakeStageCtrl",["$scope","$q",function(e,t){e.stage.region="global",e.stage.user||(e.stage.user=c.getAuthenticatedUser().name),e.viewState={loading:!0},e.$watch("stage",(function(){d.forOwn(e.stage,(function(t,a){""===t&&delete e.stage[a]}))}),!0),e.viewState.providerSelected=!0,t.all([g.getBaseOsOptions("docker"),g.getBaseLabelOptions()]).then((function([t,a]){e.baseOsOptions=t.baseImages,e.baseLabelOptions=a,!e.stage.baseOs&&e.baseOsOptions&&e.baseOsOptions.length&&(e.stage.baseOs=e.baseOsOptions[0].id),!e.stage.baseLabel&&e.baseLabelOptions&&e.baseLabelOptions.length&&(e.stage.baseLabel=e.baseLabelOptions[0]),e.viewState.loading=!1}))}]),window.angular.module("ng").run(["$templateCache",function(e){e.put("docker/src/pipeline/stages/bake/bakeStage.html",'<div ng-controller="dockerBakeStageCtrl as bakeStageCtrl">\n  <stage-config-field label="Package" help-key="pipeline.config.bake.package">\n    <input type="text" class="form-control input-sm" ng-model="stage.package" />\n  </stage-config-field>\n  <stage-config-field label="Organization" help-key="pipeline.config.docker.bake.organization">\n    <input type="text" class="form-control input-sm" ng-model="stage.organization" />\n  </stage-config-field>\n  <stage-config-field label="Image Name" help-key="pipeline.config.docker.bake.targetImage">\n    <input type="text" class="form-control input-sm" ng-model="stage.ami_name" />\n  </stage-config-field>\n  <stage-config-field label="Image tag" help-key="pipeline.config.docker.bake.targetImageTag">\n    <input type="text" class="form-control input-sm" ng-model="stage.extendedAttributes[\'docker_target_image_tag\']" />\n  </stage-config-field>\n  <stage-config-field label="Base OS">\n    <bake-stage-choose-os model="stage.baseOs" base-os-options="baseOsOptions"></bake-stage-choose-os>\n  </stage-config-field>\n\n  <stage-config-field label="Base Label">\n    <label class="radio-inline" ng-repeat="baseLabel in baseLabelOptions">\n      <input type="radio" ng-model="stage.baseLabel" ng-value="baseLabel" />\n      {{baseLabel}}\n    </label>\n  </stage-config-field>\n  <stage-config-field label="Rebake">\n    <div class="checkbox" style="margin-bottom: 0">\n      <label>\n        <input type="checkbox" ng-model="stage.rebake" />\n        Rebake image without regard to the status of any existing bake\n      </label>\n    </div>\n  </stage-config-field>\n</div>\n')}]),window.angular.module("ng").run(["$templateCache",function(e){e.put("docker/src/pipeline/stages/bake/bakeExecutionDetails.html",'<div ng-controller="dockerBakeExecutionDetailsCtrl">\n  <execution-details-section-nav sections="configSections"></execution-details-section-nav>\n  <div class="step-section-details" ng-if="detailsSection === \'bakeConfig\'">\n    <div class="row">\n      <div class="col-md-6">\n        <dl class="dl-narrow dl-horizontal">\n          <dt if-multiple-providers>Provider</dt>\n          <dd if-multiple-providers>Docker</dd>\n          <dt>Organization</dt>\n          <dd>{{stage.context.organization}}</dd>\n          <dt>Image Name</dt>\n          <dd>{{stage.context.ami_name}}</dd>\n          <dt>Image Tag</dt>\n          <dd>{{stage.context.extendedAttributes[\'docker_target_image_tag\']}}</dd>\n          <dt>Image</dt>\n          <dd>{{stage.context.ami}}</dd>\n        </dl>\n      </div>\n      <div class="col-md-6">\n        <dl class="dl-narrow dl-horizontal">\n          <dt>Base OS</dt>\n          <dd>{{stage.context.baseOs}}</dd>\n          <dt>Region</dt>\n          <dd>{{stage.context.region}}</dd>\n          <dt>Package</dt>\n          <dd>{{stage.context.package}}</dd>\n          <dt>Label</dt>\n          <dd>{{stage.context.baseLabel}}</dd>\n        </dl>\n      </div>\n    </div>\n    <stage-failure-message stage="stage" message="stage.failureMessage"></stage-failure-message>\n\n    <div class="row" ng-if="stage.context.region && stage.context.status.resourceId">\n      <div class="col-md-12">\n        <div class="alert alert-{{stage.isFailed ? \'danger\' : \'info\'}}">\n          <a target="_blank" href="{{ bakeryDetailUrl(stage) }}"> View Bakery Details </a>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class="step-section-details" ng-if="detailsSection === \'taskStatus\'">\n    <div class="row">\n      <execution-step-details item="stage"></execution-step-details>\n    </div>\n  </div>\n</div>\n')}]);const $=["organization","repository","tag","digest"],A=[{label:"Manually",value:!0},{label:"Select from list",value:!1}];class q extends E.Component{constructor(e){super(e),this.unmounted=!1,this.cachedValues={},this.handleRefreshImages=()=>{this.refreshImages(this.props)},this.lookupTypeChanged=e=>{const t=e.value,a=this.state.lookupType,s=this.props[a],i=this.cachedValues[t];this.valueChanged(a,void 0),this.cachedValues[t]&&this.valueChanged(t,i),this.setState({lookupType:t}),this.cachedValues[a]=s},this.showManualInput=e=>{if(!e){const e=R.splitImageId(this.props.imageId||"");this.props.onChange(e),this.state.switchedManualWarning&&this.setState({switchedManualWarning:void 0,missingFields:void 0})}this.setState({defineManually:e})};const t=e.account?[{label:e.account,value:e.account}]:[],a=e.organization&&e.organization.length?[{label:e.organization,value:e.organization}]:[],s=e.repository&&e.repository.length?[{label:e.repository,value:e.repository}]:[],i=e.tag&&e.tag.length?[{label:e.tag,value:e.tag}]:[],n=R.splitImageId(e.imageId),o=e.allowManualDefinition&&Boolean(e.imageId&&e.imageId.includes("${"));this.state={accountOptions:t,switchedManualWarning:void 0,imagesLoaded:!1,imagesLoading:!1,organizationOptions:a,repositoryOptions:s,defineManually:o,tagOptions:i,lookupType:e.digest||n.digest?"digest":"tag"}}getAccountMap(e){const t=u(e.filter((e=>e.account)),"account");return h(t,((e,t,a)=>(e[a]=f(t.map((e=>`${e.repository.split("/").slice(0,-1).join("/")}`))),e)),{})}getRegistryMap(e){return e.reduce(((e,t)=>(e[t.account]=t.registry,e)),{})}getOrganizationMap(e){const t=u(e.filter((e=>e.repository)),(e=>`${e.account}/${e.repository.split("/").slice(0,-1).join("/")}`));return h(t,((e,t,a)=>(e[a]=f(t.map((e=>e.repository))),e)),{})}getRepositoryMap(e){const t=u(e.filter((e=>e.account)),"repository");return h(t,((e,t,a)=>(e[a]=f(t.map((e=>e.tag))),e)),{})}getOrganizationsList(e){return e&&e[this.props.showRegistry?this.props.account:this.props.registry]||[]}getRepositoryList(e,t,a){if(e){return e[`${this.props.showRegistry?this.props.account:a}/${t||""}`]||[]}return[]}getTags(e,t,a){let s=[];return this.props.specifyTagByRegex?e&&""===v(e)&&(e=void 0):t&&(s=t[a]||[],s.includes(e)||!e||e.includes("${")||(e=void 0)),{tag:e,tags:s}}componentWillReceiveProps(e){!this.images||["account","showRegistry"].some((t=>this.props[t]!==e[t]))?this.refreshImages(e):["organization","registry","repository"].some((t=>this.props[t]!==e[t]))&&this.updateThings(e),e.imageId&&e.imageId.includes("${")&&this.setState({defineManually:!0})}componentWillUnmount(){this.unmounted=!0}synchronizeChanges(e,t){const{organization:a,repository:s,tag:i,digest:n}=e;if(this.props.onChange){const e=R.generateImageId({organization:a,repository:s,tag:i,digest:n}),o={};i!==this.props.tag&&(o.tag=i),e!==this.props.imageId&&(o.imageId=e),a!==this.props.organization&&(o.organization=a),t!==this.props.registry&&(o.registry=t),s!==this.props.repository&&(o.repository=s),n!==this.props.digest&&(o.digest=n),Object.keys(o).length>0&&this.props.onChange(o)}}updateThings(e,t=!1){if(!this.repositoryMap||this.unmounted)return;const{imageId:a,specifyTagByRegex:s}=e;let{organization:i,registry:n,repository:o}=e;e.showRegistry&&(n=this.registryMap[e.account]);const r=!i||this.organizations.includes(i)||i.includes("${");r||(i="");const l=this.getRepositoryList(this.organizationMap,i,n),c=!o||o.includes("${")||l.includes(o);c||(o="");const{tag:g,tags:m}=this.getTags(e.tag,this.repositoryMap,o),p=g===e.tag||s,d={accountOptions:this.newAccounts.sort().map((e=>({label:e,value:e}))),organizationOptions:this.organizations.filter((e=>e)).sort().map((e=>({label:e,value:e}))),imagesLoaded:!0,repositoryOptions:l.sort().map((e=>({label:e,value:e}))),tagOptions:m.sort().map((e=>({label:e,value:e})))};if(!a||this.state.imagesLoaded&&!t||r&&c&&p)a&&a.includes("${")||this.synchronizeChanges(this.state.defineManually?R.splitImageId(a):{organization:i,repository:o,tag:g,digest:this.props.digest},n);else{d.defineManually=!0;const e=[];r||e.push("organization"),c||e.push("image"),p||e.push("tag"),d.missingFields=e,d.switchedManualWarning=`Could not find ${e.join(" or ")}, switched to manual entry`}this.setState(d)}initializeImages(e){if(this.state.imagesLoading)return;const{showRegistry:t,account:a,registry:s}=e,i={provider:"dockerRegistry",account:t?a:s};this.setState({imagesLoading:!0}),M.findImages(i).then((t=>{this.images=t,this.registryMap=this.getRegistryMap(this.images),this.accountMap=this.getAccountMap(this.images),this.newAccounts=this.accounts||Object.keys(this.accountMap),this.organizationMap=this.getOrganizationMap(this.images),this.repositoryMap=this.getRepositoryMap(this.images),this.organizations=this.getOrganizationsList(this.accountMap),this.updateThings(e,!0)})).finally((()=>{this.unmounted||this.setState({imagesLoading:!1})}))}refreshImages(e){this.initializeImages(e)}initializeAccounts(e){let{account:t}=e;a.listAccounts("dockerRegistry").then((a=>{const s=a.map((e=>e.name));this.props.showRegistry&&!t&&(t=s[0]),this.accounts=s,this.refreshImages({...e,account:t})}))}isNew(){const{account:e,organization:t,registry:a,repository:s,tag:i}=this.props;return!(e||t||a||s||i)}componentDidMount(){this.props.deferInitialization||!this.props.registry&&!this.isNew()||this.initializeAccounts(this.props)}valueChanged(e,t){const a={[e]:t};if($.some((t=>t===e))){const{organization:e,repository:t,tag:s,digest:i}=this.props,n={organization:e,repository:t,tag:s,digest:i,...a},o=R.generateImageId(n);a.imageId=o}this.props.onChange&&this.props.onChange(a)}render(){const{account:e,allowManualDefinition:t,digest:a,imageId:o,organization:r,repository:l,showDigest:c,showRegistry:g,specifyTagByRegex:m,tag:p}=this.props,{accountOptions:d,switchedManualWarning:u,missingFields:h,imagesLoading:f,lookupType:v,organizationOptions:y,repositoryOptions:N,defineManually:I,tagOptions:k}=this.state,C=R.splitImageId(o),z=E.createElement("div",{className:"sp-formItem groupHeader"},E.createElement("div",{className:"sp-formItem__left"},E.createElement("div",{className:"sp-formLabel"},"Define Image ID"),E.createElement("div",{className:"sp-formActions sp-formActions--mobile"},E.createElement("span",{className:"action"}))),E.createElement("div",{className:"sp-formItem__right"},E.createElement("div",{className:"sp-form"},E.createElement("span",{className:"field"},E.createElement(b,{value:I,disabled:f||!t,onChange:e=>this.showManualInput(e.value),options:A,clearable:!1}))))),_=u?E.createElement("div",{className:"sp-formItem"},E.createElement("div",{className:"sp-formItem__left"}),E.createElement("div",{className:"sp-formItem__right"},E.createElement(s,{type:"warning",message:E.createElement(E.Fragment,null,u,(h||[]).map((e=>E.createElement("div",{key:e},E.createElement(i,{expand:!0,id:`pipeline.config.docker.trigger.missing.${e}`})))))}))):null;if(I)return E.createElement("div",{className:"sp-formGroup"},z,E.createElement("div",{className:"sp-formItem"},E.createElement("div",{className:"sp-formItem__left"},E.createElement("div",{className:"sp-formLabel"},"Image ID"),E.createElement("div",{className:"sp-formActions sp-formActions--mobile"},E.createElement("span",{className:"action"}))),E.createElement("div",{className:"sp-formItem__right"},E.createElement("div",{className:"sp-form"},E.createElement("span",{className:"field"},E.createElement("input",{className:"form-control input-sm",value:o||"",onChange:e=>this.valueChanged("imageId",e.target.value)}))))),_);const w=g?E.createElement("div",{className:"sp-formItem"},E.createElement("div",{className:"sp-formItem__left"},E.createElement("div",{className:"sp-formLabel"},"Registry Name")),E.createElement("div",{className:"sp-formItem__right"},E.createElement("div",{className:"sp-form"},E.createElement("span",{className:"field"},E.createElement(b,{value:e,disabled:f,onChange:e=>this.valueChanged("account",e?e.value:""),options:d,isLoading:f})),E.createElement("span",{className:"sp-formActions sp-formActions--web"},E.createElement("span",{className:"action"},E.createElement(n,{value:f?"Images refreshing":"Refresh images list"},E.createElement("i",{className:"fa icon-button-refresh-arrows "+(f?"fa-spin":""),onClick:this.handleRefreshImages}))))))):null,L=E.createElement("div",{className:"sp-formItem"},E.createElement("div",{className:"sp-formItem__left"},E.createElement("div",{className:"sp-formLabel"},"Organization")),E.createElement("div",{className:"sp-formItem__right"},E.createElement("div",{className:"sp-form"},E.createElement("span",{className:"field"},r.includes("${")?E.createElement("input",{disabled:f,className:"form-control input-sm",value:r||"",onChange:e=>this.valueChanged("organization",e.target.value)}):E.createElement(b,{value:r||"",disabled:f,onChange:e=>this.valueChanged("organization",e&&e.value||""),placeholder:"No organization",options:y,isLoading:f}))))),M=E.createElement("div",{className:"sp-formItem"},E.createElement("div",{className:"sp-formItem__left"},E.createElement("div",{className:"sp-formLabel"},"Image")),E.createElement("div",{className:"sp-formItem__right"},E.createElement("div",{className:"sp-form"},E.createElement("span",{className:"field"},l.includes("${")?E.createElement("input",{className:"form-control input-sm",disabled:f,value:l||"",onChange:e=>this.valueChanged("repository",e.target.value)}):E.createElement(b,{value:l||"",disabled:f,onChange:e=>this.valueChanged("repository",e&&e.value||""),options:N,required:!0,isLoading:f}))))),x="tag"===v?m?E.createElement("div",{className:"sp-formItem"},E.createElement("div",{className:"sp-formItem__left"},E.createElement("div",{className:"sp-formLabel"},"Tag")),E.createElement("div",{className:"sp-formItem__right"},E.createElement("div",{className:"sp-form"},E.createElement("span",{className:"field"},E.createElement("input",{type:"text",className:"form-control input-sm",value:p||"",disabled:f||!l,onChange:e=>this.valueChanged("tag",e.target.value)}))),E.createElement(i,{id:"pipeline.config.docker.trigger.tag",expand:!0}))):E.createElement("div",{className:"sp-formItem"},E.createElement("div",{className:"sp-formItem__left"},E.createElement("div",{className:"sp-formLabel"},"Tag")),E.createElement("div",{className:"sp-formItem__right"},E.createElement("div",{className:"sp-form"},E.createElement("span",{className:"field"},p&&p.includes("${")?E.createElement("input",{className:"form-control input-sm",disabled:f,value:p||"",onChange:e=>this.valueChanged("tag",e.target.value),required:!0}):E.createElement(E.Fragment,null,E.createElement(b,{value:p||"",disabled:f||!l,isLoading:f,onChange:e=>this.valueChanged("tag",e?e.value:void 0),options:k,placeholder:"No tag",required:!0}),E.createElement(i,{id:"pipeline.config.docker.trigger.tag.additionalInfo",expand:!0})))))):null,T="digest"===v?E.createElement("div",{className:"sp-formItem"},E.createElement("div",{className:"sp-formItem__left"},E.createElement("div",{className:"sp-formLabel"},"Digest ",E.createElement(i,{id:"pipeline.config.docker.trigger.digest"}))),E.createElement("div",{className:"sp-formItem__right"},E.createElement("div",{className:"sp-form"},E.createElement("span",{className:"field"},E.createElement("input",{className:"form-control input-sm",placeholder:"sha256:abc123",value:a||C.digest||"",onChange:e=>this.valueChanged("digest",e.target.value),required:!0}))))):null,S=c?E.createElement("div",{className:"sp-formItem"},E.createElement("div",{className:"sp-formItem__left"},E.createElement("div",{className:"sp-formLabel"},"Type")),E.createElement("div",{className:"sp-formItem__right"},E.createElement("div",{className:"sp-form"},E.createElement("span",{className:"field"},E.createElement(b,{clearable:!1,value:v,options:[{value:"digest",label:"Digest"},{value:"tag",label:"Tag"}],onChange:this.lookupTypeChanged}))))):null;return E.createElement("div",{className:"sp-formGroup"},z,w,L,M,S,T,x)}}q.defaultProps={organization:"",registry:"",repository:"",showDigest:!0,allowManualDefinition:!0};const F=[{value:"digest",label:"Digest"},{value:"tag",label:"Tag"}];class B extends E.Component{constructor(e){super(e),this.queryStream=new C,this.handleQuery=()=>{const e=this.props.command.trigger;return"helm/oci"===e.type?z(M.findTags({provider:"dockerRegistry",account:e.account,repository:e.repository})):z(L.findTags({provider:"dockerRegistry",account:e.account,repository:e.repository}))},this.lookupTypeChanged=e=>{const t=e.value;this.updateArtifact(this.props.command,"tag"===t?this.state.selectedTag:this.state.digest),this.setState({lookupType:t})},this.updateSelectedTag=e=>{this.updateArtifact(this.props.command,e),this.setState({selectedTag:e}),this.props.command.triggerInvalid=!1},this.updateDigest=e=>{this.updateArtifact(this.props.command,e),this.setState({digest:e})},this.tagLoadSuccess=e=>{const{command:t}=this.props,a=t.trigger,s={};s.tags=e||[];const i=s.tags.find((e=>e===a.tag));i&&(s.selectedTag=i,this.updateSelectedTag(i)),s.tagsLoading=!1,this.setState(s)},this.tagLoadFailure=()=>{this.setState({tagsLoading:!1,loadError:!0})},this.initialize=()=>{const{command:e}=this.props;this.props.updateCommand("triggerInvalid",!0),this.props.updateCommand("extraFields",{tag:y(e,"extraFields.tag",""),artifacts:y(e,"extraFields.artifacts","")}),this.subscription&&this.subscription.unsubscribe(),"docker"!==e.trigger.type&&"helm/oci"!==e.trigger.type||(this.subscription=this.queryStream.pipe(_(250),w(this.handleQuery)).subscribe(this.tagLoadSuccess,this.tagLoadFailure),this.searchTags())},this.searchTags=(e="")=>{this.setState({tags:[`<span>Finding tags${e&&` matching ${e}`}...</span>`]}),this.queryStream.next()},this.state={digest:"",tags:[],tagsLoading:!0,loadError:!1,lookupType:"tag",selectedTag:""}}static formatLabel(e){return k.when(`(Docker Registry) ${e.account?e.account+":":""} ${e.repository||""}`)}updateArtifact(e,t){this.props.updateCommand("extraFields.tag",t);const a=e.trigger;if(a&&a.repository){let e="";a.registry&&(e+=a.registry+"/"),e+=a.repository;let s="";s="digest"===this.state.lookupType?`${e}@${t}`:`${e}:${t}`;const i="docker"===a.type?"docker/image":"helm/image";this.props.updateCommand("extraFields.artifacts",[{type:i,name:e,version:t,reference:s}])}}componentDidMount(){this.initialize()}componentWillUnmount(){this.subscription&&this.subscription.unsubscribe()}render(){const{digest:e,tags:t,tagsLoading:a,loadError:s,selectedTag:n,lookupType:o}=this.state,r=t.map((e=>({value:e})));return E.createElement(E.Fragment,null,E.createElement("div",{className:"form-group"},E.createElement("div",{className:"sm-label-right col-md-4"},"Type"),E.createElement("div",{className:"col-md-3"},E.createElement(m,{clearable:!1,value:o,options:F,onChange:this.lookupTypeChanged}))),"tag"===o&&E.createElement("div",{className:"form-group"},E.createElement("label",{className:"col-md-4 sm-label-right"},"Tag"),a&&E.createElement("div",{className:"col-md-6"},E.createElement("div",{className:"form-control-static text-center"},E.createElement(p,{size:"small"}))),s&&E.createElement("div",{className:"col-md-6"},"Error loading tags!"),!a&&E.createElement("div",{className:"col-md-6"},0===t.length&&E.createElement("div",null,E.createElement("p",{className:"form-control-static"},"No tags found")),t.length>0&&E.createElement(m,{options:r,optionRenderer:e=>E.createElement("span",null,e.value),clearable:!1,value:n,valueRenderer:e=>E.createElement("span",null,E.createElement("strong",null,e.value)),onChange:e=>this.updateSelectedTag(e.value),placeholder:"Search tags..."}))),"digest"===o&&E.createElement("div",{className:"form-group"},E.createElement("label",{className:"col-md-4 sm-label-right"},"Digest ",E.createElement(i,{id:"pipeline.config.docker.trigger.digest"})),E.createElement("div",{className:"col-md-6"},E.createElement("input",{value:e,onChange:e=>this.updateDigest(e.target.value),className:"form-control input-sm",required:!0}))))}}const W=e=>{const t=e.trigger;return E.createElement("li",null,t.repository,":",t.tag)};r.pipeline.registerTrigger({label:"Docker Registry",description:"Executes the pipeline on an image update",key:"docker",component:function(e){const{formik:t}=e,a=t.values;return E.createElement("div",{className:"form-horizontal"},E.createElement(S,{allowManualDefinition:!1,specifyTagByRegex:!0,account:a.account,organization:a.organization,registry:a.registry,repository:a.repository,tag:a.tag,showRegistry:!0,onChange:t=>{const{imageId:a,...s}=t;e.triggerUpdated(s)},showDigest:!1}))},manualExecutionComponent:B,executionStatusComponent:W,executionTriggerLabel:()=>"Docker Registry",validators:[{type:"requiredField",fieldName:"account",message:"<strong>Registry</strong> is a required field for Docker Registry triggers."},{type:"requiredField",fieldName:"repository",message:"<strong>Image</strong> is a required field for Docker Registry triggers."},{type:"serviceAccountAccess",preventSave:!0,message:"You do not have access to the service account configured in this pipeline's Docker Registry trigger.\n                You will not be able to save your edits to this pipeline."}]}),r.pipeline.registerTrigger({label:"Helm Docker Registry",description:"Executes the pipeline on an helm/image update",key:"helm/oci",component:function(e){const{formik:t}=e,a=t.values;return E.createElement("div",{className:"form-horizontal"},E.createElement(q,{allowManualDefinition:!1,specifyTagByRegex:!0,account:a.account,organization:a.organization,registry:a.registry,repository:a.repository,tag:a.tag,showRegistry:!0,onChange:t=>{const{imageId:a,...s}=t;e.triggerUpdated(s)},showDigest:!1}))},manualExecutionComponent:B,executionStatusComponent:W,executionTriggerLabel:()=>"Helm Docker Registry",validators:[{type:"requiredField",fieldName:"account",message:"<strong>Registry</strong> is a required field for Docker Registry triggers."},{type:"requiredField",fieldName:"repository",message:"<strong>Image</strong> is a required field for Docker Registry triggers."},{type:"serviceAccountAccess",preventSave:!0,message:"You do not have access to the service account configured in this pipeline's Docker Registry trigger.\n                You will not be able to save your edits to this pipeline."}]});const j="spinnaker.docker";N(j,[D]);export{j as DOCKER_MODULE,M as DockerChartImageReader,S as DockerImageAndTagSelector,L as DockerImageReader,R as DockerImageUtils};
+import { REST, RetryService, AccountService, ValidationMessage, HelpField, Tooltip, SETTINGS, Registry, BakeExecutionLabel, AuthenticationService, BakeryReader, TetheredSelect, Spinner } from '@spinnaker/core';
+import _, { groupBy, reduce, uniq, trim, get } from 'lodash';
+import React from 'react';
+import Select from 'react-select';
+import { module } from 'angular';
+import UIROUTER_ANGULARJS from '@uirouter/angularjs';
+import { $q } from 'ngimport';
+import { Subject, from } from 'rxjs';
+import { debounceTime, switchMap } from 'rxjs/operators';
+
+class DockerImageReader {
+  static getImage(imageName, region, credentials) {
+    return REST("/images").path(credentials, region, imageName).query({ provider: "docker" }).get().then((results) => results && results.length ? results[0] : null).catch(() => null);
+  }
+  static findImages(params) {
+    return RetryService.buildRetrySequence(() => REST("/images/find").query(params).get(), (results) => results.length > 0, 10, 1e3).then((results) => results).catch(() => []);
+  }
+  static findTags(params) {
+    return RetryService.buildRetrySequence(() => REST("/images/tags").query(params).get(), (results) => results.length > 0, 10, 1e3).then((results) => results).catch(() => []);
+  }
+}
+class DockerChartImageReader {
+  static getImage(imageName, region, credentials) {
+    return REST("/charts").path(credentials, region, imageName).query({ provider: "docker" }).get().then((results) => results && results.length ? results[0] : null).catch(() => null);
+  }
+  static findImages(params) {
+    return RetryService.buildRetrySequence(() => REST("/charts/find").query(params).get(), (results) => results.length > 0, 10, 1e3).then((results) => results).catch(() => []);
+  }
+  static findTags(params) {
+    return RetryService.buildRetrySequence(() => REST("/charts/tags").query(params).get(), (results) => results.length > 0, 10, 1e3).then((results) => results).catch(() => []);
+  }
+}
+
+class DockerImageUtils {
+  static splitImageId(imageId = "") {
+    let imageParts;
+    if (imageId.includes("@")) {
+      imageParts = imageId.split("@");
+    } else {
+      imageParts = imageId.split(":");
+    }
+    const repository = imageParts[0];
+    const repositoryParts = repository.split("/");
+    const organization = repositoryParts.slice(0, -1).join("/");
+    const lookup = imageParts.length > 1 ? imageParts.slice(1).join(":") : "";
+    let tag;
+    let digest;
+    if (lookup) {
+      if (lookup.startsWith("sha256:")) {
+        digest = lookup;
+      } else {
+        tag = lookup;
+      }
+    }
+    return { organization, repository, digest, tag };
+  }
+  static generateImageId(parts) {
+    if (!parts.repository || !(parts.digest || parts.tag)) {
+      return void 0;
+    }
+    let imageId;
+    if (parts.digest) {
+      imageId = `${parts.repository}@${parts.digest}`;
+    } else {
+      imageId = `${parts.repository}:${parts.tag}`;
+    }
+    return imageId;
+  }
+}
+
+const imageFields$1 = ["organization", "repository", "tag", "digest"];
+const defineOptions$1 = [
+  { label: "Manually", value: true },
+  { label: "Select from list", value: false }
+];
+class DockerImageAndTagSelector extends React.Component {
+  constructor(props) {
+    super(props);
+    this.unmounted = false;
+    this.cachedValues = {};
+    this.handleRefreshImages = () => {
+      this.refreshImages(this.props);
+    };
+    this.lookupTypeChanged = (o) => {
+      const newType = o.value;
+      const oldType = this.state.lookupType;
+      const oldValue = this.props[oldType];
+      const cachedValue = this.cachedValues[newType];
+      this.valueChanged(oldType, void 0);
+      if (this.cachedValues[newType]) {
+        this.valueChanged(newType, cachedValue);
+      }
+      this.setState({ lookupType: newType });
+      this.cachedValues[oldType] = oldValue;
+    };
+    this.showManualInput = (defineManually) => {
+      if (!defineManually) {
+        const newFields = DockerImageUtils.splitImageId(this.props.imageId || "");
+        this.props.onChange(newFields);
+        if (this.state.switchedManualWarning) {
+          this.setState({ switchedManualWarning: void 0, missingFields: void 0 });
+        }
+      }
+      this.setState({ defineManually });
+    };
+    const accountOptions = props.account ? [{ label: props.account, value: props.account }] : [];
+    const organizationOptions = props.organization && props.organization.length ? [{ label: props.organization, value: props.organization }] : [];
+    const repositoryOptions = props.repository && props.repository.length ? [{ label: props.repository, value: props.repository }] : [];
+    const tagOptions = props.tag && props.tag.length ? [{ label: props.tag, value: props.tag }] : [];
+    const parsedImageId = DockerImageUtils.splitImageId(props.imageId);
+    const defineManually = props.allowManualDefinition && Boolean(props.imageId && props.imageId.includes("${"));
+    this.state = {
+      accountOptions,
+      switchedManualWarning: void 0,
+      imagesLoaded: false,
+      imagesLoading: false,
+      organizationOptions,
+      repositoryOptions,
+      defineManually,
+      tagOptions,
+      lookupType: props.digest || parsedImageId.digest ? "digest" : "tag"
+    };
+  }
+  getAccountMap(images) {
+    const groupedImages = groupBy(images.filter((image) => image.account), "account");
+    return reduce(groupedImages, (acc, image, key) => {
+      acc[key] = uniq(image.map((i) => `${i.repository.split("/").slice(0, -1).join("/")}`));
+      return acc;
+    }, {});
+  }
+  getRegistryMap(images) {
+    return images.reduce((m, image) => {
+      m[image.account] = image.registry;
+      return m;
+    }, {});
+  }
+  getOrganizationMap(images) {
+    const extractGroupByKey = (image) => `${image.account}/${image.repository.split("/").slice(0, -1).join("/")}`;
+    const groupedImages = groupBy(images.filter((image) => image.repository), extractGroupByKey);
+    return reduce(groupedImages, (acc, image, key) => {
+      acc[key] = uniq(image.map((i) => i.repository));
+      return acc;
+    }, {});
+  }
+  getRepositoryMap(images) {
+    const groupedImages = groupBy(images.filter((image) => image.account), "repository");
+    return reduce(groupedImages, (acc, image, key) => {
+      acc[key] = uniq(image.map((i) => i.tag));
+      return acc;
+    }, {});
+  }
+  getOrganizationsList(accountMap) {
+    return accountMap ? accountMap[this.props.showRegistry ? this.props.account : this.props.registry] || [] : [];
+  }
+  getRepositoryList(organizationMap, organization, registry) {
+    if (organizationMap) {
+      const key = `${this.props.showRegistry ? this.props.account : registry}/${organization || ""}`;
+      return organizationMap[key] || [];
+    }
+    return [];
+  }
+  getTags(tag, repositoryMap, repository) {
+    let tags = [];
+    if (this.props.specifyTagByRegex) {
+      if (tag && trim(tag) === "") {
+        tag = void 0;
+      }
+    } else {
+      if (repositoryMap) {
+        tags = repositoryMap[repository] || [];
+        if (!tags.includes(tag) && tag && !tag.includes("${")) {
+          tag = void 0;
+        }
+      }
+    }
+    return { tag, tags };
+  }
+  componentWillReceiveProps(nextProps) {
+    if (!this.images || ["account", "showRegistry"].some((key) => this.props[key] !== nextProps[key])) {
+      this.refreshImages(nextProps);
+    } else if (["organization", "registry", "repository"].some((key) => this.props[key] !== nextProps[key])) {
+      this.updateThings(nextProps);
+    }
+    if (nextProps.imageId && nextProps.imageId.includes("${")) {
+      this.setState({ defineManually: true });
+    }
+  }
+  componentWillUnmount() {
+    this.unmounted = true;
+  }
+  synchronizeChanges(values, registry) {
+    const { organization, repository, tag, digest } = values;
+    if (this.props.onChange) {
+      const imageId = DockerImageUtils.generateImageId({ organization, repository, tag, digest });
+      const changes = {};
+      if (tag !== this.props.tag) {
+        changes.tag = tag;
+      }
+      if (imageId !== this.props.imageId) {
+        changes.imageId = imageId;
+      }
+      if (organization !== this.props.organization) {
+        changes.organization = organization;
+      }
+      if (registry !== this.props.registry) {
+        changes.registry = registry;
+      }
+      if (repository !== this.props.repository) {
+        changes.repository = repository;
+      }
+      if (digest !== this.props.digest) {
+        changes.digest = digest;
+      }
+      if (Object.keys(changes).length > 0) {
+        this.props.onChange(changes);
+      }
+    }
+  }
+  updateThings(props, allowAutoSwitchToManualEntry = false) {
+    if (!this.repositoryMap || this.unmounted) {
+      return;
+    }
+    const { imageId, specifyTagByRegex } = props;
+    let { organization, registry, repository } = props;
+    if (props.showRegistry) {
+      registry = this.registryMap[props.account];
+    }
+    const organizationFound = !organization || this.organizations.includes(organization) || organization.includes("${");
+    if (!organizationFound) {
+      organization = "";
+    }
+    const repositories = this.getRepositoryList(this.organizationMap, organization, registry);
+    const repositoryFound = !repository || repository.includes("${") || repositories.includes(repository);
+    if (!repositoryFound) {
+      repository = "";
+    }
+    const { tag, tags } = this.getTags(props.tag, this.repositoryMap, repository);
+    const tagFound = tag === props.tag || specifyTagByRegex;
+    const newState = {
+      accountOptions: this.newAccounts.sort().map((a) => ({ label: a, value: a })),
+      organizationOptions: this.organizations.filter((o) => o).sort().map((o) => ({ label: o, value: o })),
+      imagesLoaded: true,
+      repositoryOptions: repositories.sort().map((r) => ({ label: r, value: r })),
+      tagOptions: tags.sort().map((t) => ({ label: t, value: t }))
+    };
+    if (imageId && (!this.state.imagesLoaded || allowAutoSwitchToManualEntry) && (!organizationFound || !repositoryFound || !tagFound)) {
+      newState.defineManually = true;
+      const missingFields = [];
+      if (!organizationFound) {
+        missingFields.push("organization");
+      }
+      if (!repositoryFound) {
+        missingFields.push("image");
+      }
+      if (!tagFound) {
+        missingFields.push("tag");
+      }
+      newState.missingFields = missingFields;
+      newState.switchedManualWarning = `Could not find ${missingFields.join(" or ")}, switched to manual entry`;
+    } else if (!imageId || !imageId.includes("${")) {
+      this.synchronizeChanges(this.state.defineManually ? DockerImageUtils.splitImageId(imageId) : { organization, repository, tag, digest: this.props.digest }, registry);
+    }
+    this.setState(newState);
+  }
+  initializeImages(props) {
+    if (this.state.imagesLoading) {
+      return;
+    }
+    const { showRegistry, account, registry } = props;
+    const imageConfig = {
+      provider: "dockerRegistry",
+      account: showRegistry ? account : registry
+    };
+    this.setState({ imagesLoading: true });
+    DockerImageReader.findImages(imageConfig).then((images) => {
+      this.images = images;
+      this.registryMap = this.getRegistryMap(this.images);
+      this.accountMap = this.getAccountMap(this.images);
+      this.newAccounts = this.accounts || Object.keys(this.accountMap);
+      this.organizationMap = this.getOrganizationMap(this.images);
+      this.repositoryMap = this.getRepositoryMap(this.images);
+      this.organizations = this.getOrganizationsList(this.accountMap);
+      this.updateThings(props, true);
+    }).finally(() => {
+      if (!this.unmounted) {
+        this.setState({ imagesLoading: false });
+      }
+    });
+  }
+  refreshImages(props) {
+    this.initializeImages(props);
+  }
+  initializeAccounts(props) {
+    let { account } = props;
+    AccountService.listAccounts("dockerRegistry").then((allAccounts) => {
+      const accounts = allAccounts.map((a) => a.name);
+      if (this.props.showRegistry && !account) {
+        account = accounts[0];
+      }
+      this.accounts = accounts;
+      this.refreshImages({ ...props, ...{ account } });
+    });
+  }
+  isNew() {
+    const { account, organization, registry, repository, tag } = this.props;
+    return !account && !organization && !registry && !repository && !tag;
+  }
+  componentDidMount() {
+    if (!this.props.deferInitialization && (this.props.registry || this.isNew())) {
+      this.initializeAccounts(this.props);
+    }
+  }
+  valueChanged(name, value) {
+    const changes = { [name]: value };
+    if (imageFields$1.some((n) => n === name)) {
+      const { organization, repository, tag, digest } = this.props;
+      const imageParts = { ...{ organization, repository, tag, digest }, ...changes };
+      const imageId = DockerImageUtils.generateImageId(imageParts);
+      changes.imageId = imageId;
+    }
+    this.props.onChange && this.props.onChange(changes);
+  }
+  render() {
+    const {
+      account,
+      allowManualDefinition,
+      digest,
+      imageId,
+      organization,
+      repository,
+      showDigest,
+      showRegistry,
+      specifyTagByRegex,
+      tag
+    } = this.props;
+    const {
+      accountOptions,
+      switchedManualWarning,
+      missingFields,
+      imagesLoading,
+      lookupType,
+      organizationOptions,
+      repositoryOptions,
+      defineManually,
+      tagOptions
+    } = this.state;
+    const parsedImageId = DockerImageUtils.splitImageId(imageId);
+    const manualInputToggle = /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem groupHeader"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__left"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formLabel"
+    }, "Define Image ID"), /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formActions sp-formActions--mobile"
+    }, /* @__PURE__ */ React.createElement("span", {
+      className: "action"
+    }))), /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__right"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-form"
+    }, /* @__PURE__ */ React.createElement("span", {
+      className: "field"
+    }, /* @__PURE__ */ React.createElement(Select, {
+      value: defineManually,
+      disabled: imagesLoading || !allowManualDefinition,
+      onChange: (o) => this.showManualInput(o.value),
+      options: defineOptions$1,
+      clearable: false
+    })))));
+    const warning = switchedManualWarning ? /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__left"
+    }), /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__right"
+    }, /* @__PURE__ */ React.createElement(ValidationMessage, {
+      type: "warning",
+      message: /* @__PURE__ */ React.createElement(React.Fragment, null, switchedManualWarning, (missingFields || []).map((f) => /* @__PURE__ */ React.createElement("div", {
+        key: f
+      }, /* @__PURE__ */ React.createElement(HelpField, {
+        expand: true,
+        id: `pipeline.config.docker.trigger.missing.${f}`
+      }))))
+    }))) : null;
+    if (defineManually) {
+      return /* @__PURE__ */ React.createElement("div", {
+        className: "sp-formGroup"
+      }, manualInputToggle, /* @__PURE__ */ React.createElement("div", {
+        className: "sp-formItem"
+      }, /* @__PURE__ */ React.createElement("div", {
+        className: "sp-formItem__left"
+      }, /* @__PURE__ */ React.createElement("div", {
+        className: "sp-formLabel"
+      }, "Image ID"), /* @__PURE__ */ React.createElement("div", {
+        className: "sp-formActions sp-formActions--mobile"
+      }, /* @__PURE__ */ React.createElement("span", {
+        className: "action"
+      }))), /* @__PURE__ */ React.createElement("div", {
+        className: "sp-formItem__right"
+      }, /* @__PURE__ */ React.createElement("div", {
+        className: "sp-form"
+      }, /* @__PURE__ */ React.createElement("span", {
+        className: "field"
+      }, /* @__PURE__ */ React.createElement("input", {
+        className: "form-control input-sm",
+        value: imageId || "",
+        onChange: (e) => this.valueChanged("imageId", e.target.value)
+      }))))), warning);
+    }
+    const Registry = showRegistry ? /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__left"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formLabel"
+    }, "Registry Name")), /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__right"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-form"
+    }, /* @__PURE__ */ React.createElement("span", {
+      className: "field"
+    }, /* @__PURE__ */ React.createElement(Select, {
+      value: account,
+      disabled: imagesLoading,
+      onChange: (o) => this.valueChanged("account", o ? o.value : ""),
+      options: accountOptions,
+      isLoading: imagesLoading
+    })), /* @__PURE__ */ React.createElement("span", {
+      className: "sp-formActions sp-formActions--web"
+    }, /* @__PURE__ */ React.createElement("span", {
+      className: "action"
+    }, /* @__PURE__ */ React.createElement(Tooltip, {
+      value: imagesLoading ? "Images refreshing" : "Refresh images list"
+    }, /* @__PURE__ */ React.createElement("i", {
+      className: `fa icon-button-refresh-arrows ${imagesLoading ? "fa-spin" : ""}`,
+      onClick: this.handleRefreshImages
+    }))))))) : null;
+    const Organization = /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__left"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formLabel"
+    }, "Organization")), /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__right"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-form"
+    }, /* @__PURE__ */ React.createElement("span", {
+      className: "field"
+    }, organization.includes("${") ? /* @__PURE__ */ React.createElement("input", {
+      disabled: imagesLoading,
+      className: "form-control input-sm",
+      value: organization || "",
+      onChange: (e) => this.valueChanged("organization", e.target.value)
+    }) : /* @__PURE__ */ React.createElement(Select, {
+      value: organization || "",
+      disabled: imagesLoading,
+      onChange: (o) => this.valueChanged("organization", o && o.value || ""),
+      placeholder: "No organization",
+      options: organizationOptions,
+      isLoading: imagesLoading
+    })))));
+    const Image = /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__left"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formLabel"
+    }, "Image")), /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__right"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-form"
+    }, /* @__PURE__ */ React.createElement("span", {
+      className: "field"
+    }, repository.includes("${") ? /* @__PURE__ */ React.createElement("input", {
+      className: "form-control input-sm",
+      disabled: imagesLoading,
+      value: repository || "",
+      onChange: (e) => this.valueChanged("repository", e.target.value)
+    }) : /* @__PURE__ */ React.createElement(Select, {
+      value: repository || "",
+      disabled: imagesLoading,
+      onChange: (o) => this.valueChanged("repository", o && o.value || ""),
+      options: repositoryOptions,
+      required: true,
+      isLoading: imagesLoading
+    })))));
+    const Tag = lookupType === "tag" ? specifyTagByRegex ? /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__left"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formLabel"
+    }, "Tag")), /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__right"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-form"
+    }, /* @__PURE__ */ React.createElement("span", {
+      className: "field"
+    }, /* @__PURE__ */ React.createElement("input", {
+      type: "text",
+      className: "form-control input-sm",
+      value: tag || "",
+      disabled: imagesLoading || !repository,
+      onChange: (e) => this.valueChanged("tag", e.target.value)
+    }))), /* @__PURE__ */ React.createElement(HelpField, {
+      id: "pipeline.config.docker.trigger.tag",
+      expand: true
+    }))) : /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__left"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formLabel"
+    }, "Tag")), /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__right"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-form"
+    }, /* @__PURE__ */ React.createElement("span", {
+      className: "field"
+    }, tag && tag.includes("${") ? /* @__PURE__ */ React.createElement("input", {
+      className: "form-control input-sm",
+      disabled: imagesLoading,
+      value: tag || "",
+      onChange: (e) => this.valueChanged("tag", e.target.value),
+      required: true
+    }) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Select, {
+      value: tag || "",
+      disabled: imagesLoading || !repository,
+      isLoading: imagesLoading,
+      onChange: (o) => this.valueChanged("tag", o ? o.value : void 0),
+      options: tagOptions,
+      placeholder: "No tag",
+      required: true
+    }), /* @__PURE__ */ React.createElement(HelpField, {
+      id: "pipeline.config.docker.trigger.tag.additionalInfo",
+      expand: true
+    })))))) : null;
+    const Digest = lookupType === "digest" ? /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__left"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formLabel"
+    }, "Digest ", /* @__PURE__ */ React.createElement(HelpField, {
+      id: "pipeline.config.docker.trigger.digest"
+    }))), /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__right"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-form"
+    }, /* @__PURE__ */ React.createElement("span", {
+      className: "field"
+    }, /* @__PURE__ */ React.createElement("input", {
+      className: "form-control input-sm",
+      placeholder: "sha256:abc123",
+      value: digest || parsedImageId.digest || "",
+      onChange: (e) => this.valueChanged("digest", e.target.value),
+      required: true
+    }))))) : null;
+    const LookupTypeSelector = showDigest ? /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__left"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formLabel"
+    }, "Type")), /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__right"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-form"
+    }, /* @__PURE__ */ React.createElement("span", {
+      className: "field"
+    }, /* @__PURE__ */ React.createElement(Select, {
+      clearable: false,
+      value: lookupType,
+      options: [
+        { value: "digest", label: "Digest" },
+        { value: "tag", label: "Tag" }
+      ],
+      onChange: this.lookupTypeChanged
+    }))))) : null;
+    return /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formGroup"
+    }, manualInputToggle, Registry, Organization, Image, LookupTypeSelector, Digest, Tag);
+  }
+}
+DockerImageAndTagSelector.defaultProps = {
+  organization: "",
+  registry: "",
+  repository: "",
+  showDigest: true,
+  allowManualDefinition: true
+};
+
+const DOCKER_PIPELINE_STAGES_BAKE_BAKEEXECUTIONDETAILS_CONTROLLER = "spinnaker.docker.pipeline.stage.bake.executionDetails.controller";
+module(DOCKER_PIPELINE_STAGES_BAKE_BAKEEXECUTIONDETAILS_CONTROLLER, [UIROUTER_ANGULARJS]).controller("dockerBakeExecutionDetailsCtrl", [
+  "$scope",
+  "$stateParams",
+  "executionDetailsSectionService",
+  "$interpolate",
+  function($scope, $stateParams, executionDetailsSectionService, $interpolate) {
+    $scope.configSections = ["bakeConfig", "taskStatus"];
+    const initialized = () => {
+      $scope.detailsSection = $stateParams.details;
+      $scope.provider = $scope.stage.context.cloudProviderType || "docker";
+      $scope.bakeryDetailUrl = $interpolate($scope.roscoMode && SETTINGS.roscoDetailUrl ? SETTINGS.roscoDetailUrl : SETTINGS.bakeryDetailUrl);
+    };
+    const initialize = () => executionDetailsSectionService.synchronizeSection($scope.configSections, initialized);
+    initialize();
+    $scope.$on("$stateChangeSuccess", initialize);
+  }
+]);
+
+const DOCKER_PIPELINE_STAGES_BAKE_DOCKERBAKESTAGE = "spinnaker.docker.pipeline.stage.bakeStage";
+module(DOCKER_PIPELINE_STAGES_BAKE_DOCKERBAKESTAGE, [DOCKER_PIPELINE_STAGES_BAKE_BAKEEXECUTIONDETAILS_CONTROLLER]).config(function() {
+  Registry.pipeline.registerStage({
+    provides: "bake",
+    cloudProvider: "docker",
+    label: "Bake",
+    description: "Bakes an image",
+    templateUrl: "docker/src/pipeline/stages/bake/bakeStage.html",
+    executionDetailsUrl: "docker/src/pipeline/stages/bake/bakeExecutionDetails.html",
+    executionLabelComponent: BakeExecutionLabel,
+    extraLabelLines: (stage) => {
+      return stage.masterStage.context.allPreviouslyBaked || stage.masterStage.context.somePreviouslyBaked ? 1 : 0;
+    },
+    supportsCustomTimeout: true,
+    validators: [{ type: "requiredField", fieldName: "package" }],
+    restartable: true
+  });
+}).controller("dockerBakeStageCtrl", [
+  "$scope",
+  "$q",
+  function($scope, $q) {
+    const stage = $scope.stage;
+    stage.region = "global";
+    if (!$scope.stage.user) {
+      $scope.stage.user = AuthenticationService.getAuthenticatedUser().name;
+    }
+    $scope.viewState = {
+      loading: true
+    };
+    function initialize() {
+      $scope.viewState.providerSelected = true;
+      $q.all([BakeryReader.getBaseOsOptions("docker"), BakeryReader.getBaseLabelOptions()]).then(function([
+        baseOsOptions,
+        baseLabelOptions
+      ]) {
+        $scope.baseOsOptions = baseOsOptions.baseImages;
+        $scope.baseLabelOptions = baseLabelOptions;
+        if (!$scope.stage.baseOs && $scope.baseOsOptions && $scope.baseOsOptions.length) {
+          $scope.stage.baseOs = $scope.baseOsOptions[0].id;
+        }
+        if (!$scope.stage.baseLabel && $scope.baseLabelOptions && $scope.baseLabelOptions.length) {
+          $scope.stage.baseLabel = $scope.baseLabelOptions[0];
+        }
+        $scope.viewState.loading = false;
+      });
+    }
+    function deleteEmptyProperties() {
+      _.forOwn($scope.stage, function(val, key) {
+        if (val === "") {
+          delete $scope.stage[key];
+        }
+      });
+    }
+    $scope.$watch("stage", deleteEmptyProperties, true);
+    initialize();
+  }
+]);
+window.angular.module("ng").run(["$templateCache", function(templateCache) {
+  templateCache.put("docker/src/pipeline/stages/bake/bakeStage.html", `<div ng-controller="dockerBakeStageCtrl as bakeStageCtrl">
+  <stage-config-field label="Package" help-key="pipeline.config.bake.package">
+    <input type="text" class="form-control input-sm" ng-model="stage.package" />
+  </stage-config-field>
+  <stage-config-field label="Organization" help-key="pipeline.config.docker.bake.organization">
+    <input type="text" class="form-control input-sm" ng-model="stage.organization" />
+  </stage-config-field>
+  <stage-config-field label="Image Name" help-key="pipeline.config.docker.bake.targetImage">
+    <input type="text" class="form-control input-sm" ng-model="stage.ami_name" />
+  </stage-config-field>
+  <stage-config-field label="Image tag" help-key="pipeline.config.docker.bake.targetImageTag">
+    <input type="text" class="form-control input-sm" ng-model="stage.extendedAttributes['docker_target_image_tag']" />
+  </stage-config-field>
+  <stage-config-field label="Base OS">
+    <bake-stage-choose-os model="stage.baseOs" base-os-options="baseOsOptions"></bake-stage-choose-os>
+  </stage-config-field>
+
+  <stage-config-field label="Base Label">
+    <label class="radio-inline" ng-repeat="baseLabel in baseLabelOptions">
+      <input type="radio" ng-model="stage.baseLabel" ng-value="baseLabel" />
+      {{baseLabel}}
+    </label>
+  </stage-config-field>
+  <stage-config-field label="Rebake">
+    <div class="checkbox" style="margin-bottom: 0">
+      <label>
+        <input type="checkbox" ng-model="stage.rebake" />
+        Rebake image without regard to the status of any existing bake
+      </label>
+    </div>
+  </stage-config-field>
+</div>
+`);
+}]);
+window.angular.module("ng").run(["$templateCache", function(templateCache) {
+  templateCache.put("docker/src/pipeline/stages/bake/bakeExecutionDetails.html", `<div ng-controller="dockerBakeExecutionDetailsCtrl">
+  <execution-details-section-nav sections="configSections"></execution-details-section-nav>
+  <div class="step-section-details" ng-if="detailsSection === 'bakeConfig'">
+    <div class="row">
+      <div class="col-md-6">
+        <dl class="dl-narrow dl-horizontal">
+          <dt if-multiple-providers>Provider</dt>
+          <dd if-multiple-providers>Docker</dd>
+          <dt>Organization</dt>
+          <dd>{{stage.context.organization}}</dd>
+          <dt>Image Name</dt>
+          <dd>{{stage.context.ami_name}}</dd>
+          <dt>Image Tag</dt>
+          <dd>{{stage.context.extendedAttributes['docker_target_image_tag']}}</dd>
+          <dt>Image</dt>
+          <dd>{{stage.context.ami}}</dd>
+        </dl>
+      </div>
+      <div class="col-md-6">
+        <dl class="dl-narrow dl-horizontal">
+          <dt>Base OS</dt>
+          <dd>{{stage.context.baseOs}}</dd>
+          <dt>Region</dt>
+          <dd>{{stage.context.region}}</dd>
+          <dt>Package</dt>
+          <dd>{{stage.context.package}}</dd>
+          <dt>Label</dt>
+          <dd>{{stage.context.baseLabel}}</dd>
+        </dl>
+      </div>
+    </div>
+    <stage-failure-message stage="stage" message="stage.failureMessage"></stage-failure-message>
+
+    <div class="row" ng-if="stage.context.region && stage.context.status.resourceId">
+      <div class="col-md-12">
+        <div class="alert alert-{{stage.isFailed ? 'danger' : 'info'}}">
+          <a target="_blank" href="{{ bakeryDetailUrl(stage) }}"> View Bakery Details </a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="step-section-details" ng-if="detailsSection === 'taskStatus'">
+    <div class="row">
+      <execution-step-details item="stage"></execution-step-details>
+    </div>
+  </div>
+</div>
+`);
+}]);
+
+const imageFields = ["organization", "repository", "tag", "digest"];
+const defineOptions = [
+  { label: "Manually", value: true },
+  { label: "Select from list", value: false }
+];
+class DockerChartAndTagSelector extends React.Component {
+  constructor(props) {
+    super(props);
+    this.unmounted = false;
+    this.cachedValues = {};
+    this.handleRefreshImages = () => {
+      this.refreshImages(this.props);
+    };
+    this.lookupTypeChanged = (o) => {
+      const newType = o.value;
+      const oldType = this.state.lookupType;
+      const oldValue = this.props[oldType];
+      const cachedValue = this.cachedValues[newType];
+      this.valueChanged(oldType, void 0);
+      if (this.cachedValues[newType]) {
+        this.valueChanged(newType, cachedValue);
+      }
+      this.setState({ lookupType: newType });
+      this.cachedValues[oldType] = oldValue;
+    };
+    this.showManualInput = (defineManually) => {
+      if (!defineManually) {
+        const newFields = DockerImageUtils.splitImageId(this.props.imageId || "");
+        this.props.onChange(newFields);
+        if (this.state.switchedManualWarning) {
+          this.setState({ switchedManualWarning: void 0, missingFields: void 0 });
+        }
+      }
+      this.setState({ defineManually });
+    };
+    const accountOptions = props.account ? [{ label: props.account, value: props.account }] : [];
+    const organizationOptions = props.organization && props.organization.length ? [{ label: props.organization, value: props.organization }] : [];
+    const repositoryOptions = props.repository && props.repository.length ? [{ label: props.repository, value: props.repository }] : [];
+    const tagOptions = props.tag && props.tag.length ? [{ label: props.tag, value: props.tag }] : [];
+    const parsedImageId = DockerImageUtils.splitImageId(props.imageId);
+    const defineManually = props.allowManualDefinition && Boolean(props.imageId && props.imageId.includes("${"));
+    this.state = {
+      accountOptions,
+      switchedManualWarning: void 0,
+      imagesLoaded: false,
+      imagesLoading: false,
+      organizationOptions,
+      repositoryOptions,
+      defineManually,
+      tagOptions,
+      lookupType: props.digest || parsedImageId.digest ? "digest" : "tag"
+    };
+  }
+  getAccountMap(images) {
+    const groupedImages = groupBy(images.filter((image) => image.account), "account");
+    return reduce(groupedImages, (acc, image, key) => {
+      acc[key] = uniq(image.map((i) => `${i.repository.split("/").slice(0, -1).join("/")}`));
+      return acc;
+    }, {});
+  }
+  getRegistryMap(images) {
+    return images.reduce((m, image) => {
+      m[image.account] = image.registry;
+      return m;
+    }, {});
+  }
+  getOrganizationMap(images) {
+    const extractGroupByKey = (image) => `${image.account}/${image.repository.split("/").slice(0, -1).join("/")}`;
+    const groupedImages = groupBy(images.filter((image) => image.repository), extractGroupByKey);
+    return reduce(groupedImages, (acc, image, key) => {
+      acc[key] = uniq(image.map((i) => i.repository));
+      return acc;
+    }, {});
+  }
+  getRepositoryMap(images) {
+    const groupedImages = groupBy(images.filter((image) => image.account), "repository");
+    return reduce(groupedImages, (acc, image, key) => {
+      acc[key] = uniq(image.map((i) => i.tag));
+      return acc;
+    }, {});
+  }
+  getOrganizationsList(accountMap) {
+    return accountMap ? accountMap[this.props.showRegistry ? this.props.account : this.props.registry] || [] : [];
+  }
+  getRepositoryList(organizationMap, organization, registry) {
+    if (organizationMap) {
+      const key = `${this.props.showRegistry ? this.props.account : registry}/${organization || ""}`;
+      return organizationMap[key] || [];
+    }
+    return [];
+  }
+  getTags(tag, repositoryMap, repository) {
+    let tags = [];
+    if (this.props.specifyTagByRegex) {
+      if (tag && trim(tag) === "") {
+        tag = void 0;
+      }
+    } else {
+      if (repositoryMap) {
+        tags = repositoryMap[repository] || [];
+        if (!tags.includes(tag) && tag && !tag.includes("${")) {
+          tag = void 0;
+        }
+      }
+    }
+    return { tag, tags };
+  }
+  componentWillReceiveProps(nextProps) {
+    if (!this.images || ["account", "showRegistry"].some((key) => this.props[key] !== nextProps[key])) {
+      this.refreshImages(nextProps);
+    } else if (["organization", "registry", "repository"].some((key) => this.props[key] !== nextProps[key])) {
+      this.updateThings(nextProps);
+    }
+    if (nextProps.imageId && nextProps.imageId.includes("${")) {
+      this.setState({ defineManually: true });
+    }
+  }
+  componentWillUnmount() {
+    this.unmounted = true;
+  }
+  synchronizeChanges(values, registry) {
+    const { organization, repository, tag, digest } = values;
+    if (this.props.onChange) {
+      const imageId = DockerImageUtils.generateImageId({ organization, repository, tag, digest });
+      const changes = {};
+      if (tag !== this.props.tag) {
+        changes.tag = tag;
+      }
+      if (imageId !== this.props.imageId) {
+        changes.imageId = imageId;
+      }
+      if (organization !== this.props.organization) {
+        changes.organization = organization;
+      }
+      if (registry !== this.props.registry) {
+        changes.registry = registry;
+      }
+      if (repository !== this.props.repository) {
+        changes.repository = repository;
+      }
+      if (digest !== this.props.digest) {
+        changes.digest = digest;
+      }
+      if (Object.keys(changes).length > 0) {
+        this.props.onChange(changes);
+      }
+    }
+  }
+  updateThings(props, allowAutoSwitchToManualEntry = false) {
+    if (!this.repositoryMap || this.unmounted) {
+      return;
+    }
+    const { imageId, specifyTagByRegex } = props;
+    let { organization, registry, repository } = props;
+    if (props.showRegistry) {
+      registry = this.registryMap[props.account];
+    }
+    const organizationFound = !organization || this.organizations.includes(organization) || organization.includes("${");
+    if (!organizationFound) {
+      organization = "";
+    }
+    const repositories = this.getRepositoryList(this.organizationMap, organization, registry);
+    const repositoryFound = !repository || repository.includes("${") || repositories.includes(repository);
+    if (!repositoryFound) {
+      repository = "";
+    }
+    const { tag, tags } = this.getTags(props.tag, this.repositoryMap, repository);
+    const tagFound = tag === props.tag || specifyTagByRegex;
+    const newState = {
+      accountOptions: this.newAccounts.sort().map((a) => ({ label: a, value: a })),
+      organizationOptions: this.organizations.filter((o) => o).sort().map((o) => ({ label: o, value: o })),
+      imagesLoaded: true,
+      repositoryOptions: repositories.sort().map((r) => ({ label: r, value: r })),
+      tagOptions: tags.sort().map((t) => ({ label: t, value: t }))
+    };
+    if (imageId && (!this.state.imagesLoaded || allowAutoSwitchToManualEntry) && (!organizationFound || !repositoryFound || !tagFound)) {
+      newState.defineManually = true;
+      const missingFields = [];
+      if (!organizationFound) {
+        missingFields.push("organization");
+      }
+      if (!repositoryFound) {
+        missingFields.push("image");
+      }
+      if (!tagFound) {
+        missingFields.push("tag");
+      }
+      newState.missingFields = missingFields;
+      newState.switchedManualWarning = `Could not find ${missingFields.join(" or ")}, switched to manual entry`;
+    } else if (!imageId || !imageId.includes("${")) {
+      this.synchronizeChanges(this.state.defineManually ? DockerImageUtils.splitImageId(imageId) : { organization, repository, tag, digest: this.props.digest }, registry);
+    }
+    this.setState(newState);
+  }
+  initializeImages(props) {
+    if (this.state.imagesLoading) {
+      return;
+    }
+    const { showRegistry, account, registry } = props;
+    const imageConfig = {
+      provider: "dockerRegistry",
+      account: showRegistry ? account : registry
+    };
+    this.setState({ imagesLoading: true });
+    DockerChartImageReader.findImages(imageConfig).then((images) => {
+      this.images = images;
+      this.registryMap = this.getRegistryMap(this.images);
+      this.accountMap = this.getAccountMap(this.images);
+      this.newAccounts = this.accounts || Object.keys(this.accountMap);
+      this.organizationMap = this.getOrganizationMap(this.images);
+      this.repositoryMap = this.getRepositoryMap(this.images);
+      this.organizations = this.getOrganizationsList(this.accountMap);
+      this.updateThings(props, true);
+    }).finally(() => {
+      if (!this.unmounted) {
+        this.setState({ imagesLoading: false });
+      }
+    });
+  }
+  refreshImages(props) {
+    this.initializeImages(props);
+  }
+  initializeAccounts(props) {
+    let { account } = props;
+    AccountService.listAccounts("dockerRegistry").then((allAccounts) => {
+      const accounts = allAccounts.map((a) => a.name);
+      if (this.props.showRegistry && !account) {
+        account = accounts[0];
+      }
+      this.accounts = accounts;
+      this.refreshImages({ ...props, ...{ account } });
+    });
+  }
+  isNew() {
+    const { account, organization, registry, repository, tag } = this.props;
+    return !account && !organization && !registry && !repository && !tag;
+  }
+  componentDidMount() {
+    if (!this.props.deferInitialization && (this.props.registry || this.isNew())) {
+      this.initializeAccounts(this.props);
+    }
+  }
+  valueChanged(name, value) {
+    const changes = { [name]: value };
+    if (imageFields.some((n) => n === name)) {
+      const { organization, repository, tag, digest } = this.props;
+      const imageParts = { ...{ organization, repository, tag, digest }, ...changes };
+      const imageId = DockerImageUtils.generateImageId(imageParts);
+      changes.imageId = imageId;
+    }
+    this.props.onChange && this.props.onChange(changes);
+  }
+  render() {
+    const {
+      account,
+      allowManualDefinition,
+      digest,
+      imageId,
+      organization,
+      repository,
+      showDigest,
+      showRegistry,
+      specifyTagByRegex,
+      tag
+    } = this.props;
+    const {
+      accountOptions,
+      switchedManualWarning,
+      missingFields,
+      imagesLoading,
+      lookupType,
+      organizationOptions,
+      repositoryOptions,
+      defineManually,
+      tagOptions
+    } = this.state;
+    const parsedImageId = DockerImageUtils.splitImageId(imageId);
+    const manualInputToggle = /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem groupHeader"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__left"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formLabel"
+    }, "Define Image ID"), /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formActions sp-formActions--mobile"
+    }, /* @__PURE__ */ React.createElement("span", {
+      className: "action"
+    }))), /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__right"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-form"
+    }, /* @__PURE__ */ React.createElement("span", {
+      className: "field"
+    }, /* @__PURE__ */ React.createElement(Select, {
+      value: defineManually,
+      disabled: imagesLoading || !allowManualDefinition,
+      onChange: (o) => this.showManualInput(o.value),
+      options: defineOptions,
+      clearable: false
+    })))));
+    const warning = switchedManualWarning ? /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__left"
+    }), /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__right"
+    }, /* @__PURE__ */ React.createElement(ValidationMessage, {
+      type: "warning",
+      message: /* @__PURE__ */ React.createElement(React.Fragment, null, switchedManualWarning, (missingFields || []).map((f) => /* @__PURE__ */ React.createElement("div", {
+        key: f
+      }, /* @__PURE__ */ React.createElement(HelpField, {
+        expand: true,
+        id: `pipeline.config.docker.trigger.missing.${f}`
+      }))))
+    }))) : null;
+    if (defineManually) {
+      return /* @__PURE__ */ React.createElement("div", {
+        className: "sp-formGroup"
+      }, manualInputToggle, /* @__PURE__ */ React.createElement("div", {
+        className: "sp-formItem"
+      }, /* @__PURE__ */ React.createElement("div", {
+        className: "sp-formItem__left"
+      }, /* @__PURE__ */ React.createElement("div", {
+        className: "sp-formLabel"
+      }, "Image ID"), /* @__PURE__ */ React.createElement("div", {
+        className: "sp-formActions sp-formActions--mobile"
+      }, /* @__PURE__ */ React.createElement("span", {
+        className: "action"
+      }))), /* @__PURE__ */ React.createElement("div", {
+        className: "sp-formItem__right"
+      }, /* @__PURE__ */ React.createElement("div", {
+        className: "sp-form"
+      }, /* @__PURE__ */ React.createElement("span", {
+        className: "field"
+      }, /* @__PURE__ */ React.createElement("input", {
+        className: "form-control input-sm",
+        value: imageId || "",
+        onChange: (e) => this.valueChanged("imageId", e.target.value)
+      }))))), warning);
+    }
+    const Registry = showRegistry ? /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__left"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formLabel"
+    }, "Registry Name")), /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__right"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-form"
+    }, /* @__PURE__ */ React.createElement("span", {
+      className: "field"
+    }, /* @__PURE__ */ React.createElement(Select, {
+      value: account,
+      disabled: imagesLoading,
+      onChange: (o) => this.valueChanged("account", o ? o.value : ""),
+      options: accountOptions,
+      isLoading: imagesLoading
+    })), /* @__PURE__ */ React.createElement("span", {
+      className: "sp-formActions sp-formActions--web"
+    }, /* @__PURE__ */ React.createElement("span", {
+      className: "action"
+    }, /* @__PURE__ */ React.createElement(Tooltip, {
+      value: imagesLoading ? "Images refreshing" : "Refresh images list"
+    }, /* @__PURE__ */ React.createElement("i", {
+      className: `fa icon-button-refresh-arrows ${imagesLoading ? "fa-spin" : ""}`,
+      onClick: this.handleRefreshImages
+    }))))))) : null;
+    const Organization = /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__left"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formLabel"
+    }, "Organization")), /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__right"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-form"
+    }, /* @__PURE__ */ React.createElement("span", {
+      className: "field"
+    }, organization.includes("${") ? /* @__PURE__ */ React.createElement("input", {
+      disabled: imagesLoading,
+      className: "form-control input-sm",
+      value: organization || "",
+      onChange: (e) => this.valueChanged("organization", e.target.value)
+    }) : /* @__PURE__ */ React.createElement(Select, {
+      value: organization || "",
+      disabled: imagesLoading,
+      onChange: (o) => this.valueChanged("organization", o && o.value || ""),
+      placeholder: "No organization",
+      options: organizationOptions,
+      isLoading: imagesLoading
+    })))));
+    const Image = /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__left"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formLabel"
+    }, "Image")), /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__right"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-form"
+    }, /* @__PURE__ */ React.createElement("span", {
+      className: "field"
+    }, repository.includes("${") ? /* @__PURE__ */ React.createElement("input", {
+      className: "form-control input-sm",
+      disabled: imagesLoading,
+      value: repository || "",
+      onChange: (e) => this.valueChanged("repository", e.target.value)
+    }) : /* @__PURE__ */ React.createElement(Select, {
+      value: repository || "",
+      disabled: imagesLoading,
+      onChange: (o) => this.valueChanged("repository", o && o.value || ""),
+      options: repositoryOptions,
+      required: true,
+      isLoading: imagesLoading
+    })))));
+    const Tag = lookupType === "tag" ? specifyTagByRegex ? /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__left"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formLabel"
+    }, "Tag")), /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__right"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-form"
+    }, /* @__PURE__ */ React.createElement("span", {
+      className: "field"
+    }, /* @__PURE__ */ React.createElement("input", {
+      type: "text",
+      className: "form-control input-sm",
+      value: tag || "",
+      disabled: imagesLoading || !repository,
+      onChange: (e) => this.valueChanged("tag", e.target.value)
+    }))), /* @__PURE__ */ React.createElement(HelpField, {
+      id: "pipeline.config.docker.trigger.tag",
+      expand: true
+    }))) : /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__left"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formLabel"
+    }, "Tag")), /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__right"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-form"
+    }, /* @__PURE__ */ React.createElement("span", {
+      className: "field"
+    }, tag && tag.includes("${") ? /* @__PURE__ */ React.createElement("input", {
+      className: "form-control input-sm",
+      disabled: imagesLoading,
+      value: tag || "",
+      onChange: (e) => this.valueChanged("tag", e.target.value),
+      required: true
+    }) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Select, {
+      value: tag || "",
+      disabled: imagesLoading || !repository,
+      isLoading: imagesLoading,
+      onChange: (o) => this.valueChanged("tag", o ? o.value : void 0),
+      options: tagOptions,
+      placeholder: "No tag",
+      required: true
+    }), /* @__PURE__ */ React.createElement(HelpField, {
+      id: "pipeline.config.docker.trigger.tag.additionalInfo",
+      expand: true
+    })))))) : null;
+    const Digest = lookupType === "digest" ? /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__left"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formLabel"
+    }, "Digest ", /* @__PURE__ */ React.createElement(HelpField, {
+      id: "pipeline.config.docker.trigger.digest"
+    }))), /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__right"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-form"
+    }, /* @__PURE__ */ React.createElement("span", {
+      className: "field"
+    }, /* @__PURE__ */ React.createElement("input", {
+      className: "form-control input-sm",
+      placeholder: "sha256:abc123",
+      value: digest || parsedImageId.digest || "",
+      onChange: (e) => this.valueChanged("digest", e.target.value),
+      required: true
+    }))))) : null;
+    const LookupTypeSelector = showDigest ? /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__left"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formLabel"
+    }, "Type")), /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formItem__right"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sp-form"
+    }, /* @__PURE__ */ React.createElement("span", {
+      className: "field"
+    }, /* @__PURE__ */ React.createElement(Select, {
+      clearable: false,
+      value: lookupType,
+      options: [
+        { value: "digest", label: "Digest" },
+        { value: "tag", label: "Tag" }
+      ],
+      onChange: this.lookupTypeChanged
+    }))))) : null;
+    return /* @__PURE__ */ React.createElement("div", {
+      className: "sp-formGroup"
+    }, manualInputToggle, Registry, Organization, Image, LookupTypeSelector, Digest, Tag);
+  }
+}
+DockerChartAndTagSelector.defaultProps = {
+  organization: "",
+  registry: "",
+  repository: "",
+  showDigest: true,
+  allowManualDefinition: true
+};
+
+function DockerHelmOciTriggerConfig(props) {
+  const { formik } = props;
+  const trigger = formik.values;
+  const dockerChanged = (changes) => {
+    const { imageId, ...rest } = changes;
+    props.triggerUpdated(rest);
+  };
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "form-horizontal"
+  }, /* @__PURE__ */ React.createElement(DockerChartAndTagSelector, {
+    allowManualDefinition: false,
+    specifyTagByRegex: true,
+    account: trigger.account,
+    organization: trigger.organization,
+    registry: trigger.registry,
+    repository: trigger.repository,
+    tag: trigger.tag,
+    showRegistry: true,
+    onChange: dockerChanged,
+    showDigest: false
+  }));
+}
+
+function DockerTriggerConfig(props) {
+  const { formik } = props;
+  const trigger = formik.values;
+  const dockerChanged = (changes) => {
+    const { imageId, ...rest } = changes;
+    props.triggerUpdated(rest);
+  };
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "form-horizontal"
+  }, /* @__PURE__ */ React.createElement(DockerImageAndTagSelector, {
+    allowManualDefinition: false,
+    specifyTagByRegex: true,
+    account: trigger.account,
+    organization: trigger.organization,
+    registry: trigger.registry,
+    repository: trigger.repository,
+    tag: trigger.tag,
+    showRegistry: true,
+    onChange: dockerChanged,
+    showDigest: false
+  }));
+}
+
+const lookupTypeOptions = [
+  { value: "digest", label: "Digest" },
+  { value: "tag", label: "Tag" }
+];
+class DockerTriggerTemplate extends React.Component {
+  constructor(props) {
+    super(props);
+    this.queryStream = new Subject();
+    this.handleQuery = () => {
+      const trigger = this.props.command.trigger;
+      if (trigger.type === "helm/oci") {
+        return from(DockerChartImageReader.findTags({
+          provider: "dockerRegistry",
+          account: trigger.account,
+          repository: trigger.repository
+        }));
+      } else {
+        return from(DockerImageReader.findTags({
+          provider: "dockerRegistry",
+          account: trigger.account,
+          repository: trigger.repository
+        }));
+      }
+    };
+    this.lookupTypeChanged = (o) => {
+      const newType = o.value;
+      this.updateArtifact(this.props.command, newType === "tag" ? this.state.selectedTag : this.state.digest);
+      this.setState({ lookupType: newType });
+    };
+    this.updateSelectedTag = (tag) => {
+      this.updateArtifact(this.props.command, tag);
+      this.setState({ selectedTag: tag });
+      this.props.command.triggerInvalid = false;
+    };
+    this.updateDigest = (digest) => {
+      this.updateArtifact(this.props.command, digest);
+      this.setState({ digest });
+    };
+    this.tagLoadSuccess = (tags) => {
+      const { command } = this.props;
+      const trigger = command.trigger;
+      const newState = {};
+      newState.tags = tags || [];
+      const defaultSelection = newState.tags.find((t) => t === trigger.tag);
+      if (defaultSelection) {
+        newState.selectedTag = defaultSelection;
+        this.updateSelectedTag(defaultSelection);
+      }
+      newState.tagsLoading = false;
+      this.setState(newState);
+    };
+    this.tagLoadFailure = () => {
+      this.setState({
+        tagsLoading: false,
+        loadError: true
+      });
+    };
+    this.initialize = () => {
+      const { command } = this.props;
+      this.props.updateCommand("triggerInvalid", true);
+      this.props.updateCommand("extraFields", {
+        tag: get(command, "extraFields.tag", ""),
+        artifacts: get(command, "extraFields.artifacts", "")
+      });
+      if (this.subscription) {
+        this.subscription.unsubscribe();
+      }
+      if (command.trigger.type !== "docker" && command.trigger.type !== "helm/oci") {
+        return;
+      }
+      this.subscription = this.queryStream.pipe(debounceTime(250), switchMap(this.handleQuery)).subscribe(this.tagLoadSuccess, this.tagLoadFailure);
+      this.searchTags();
+    };
+    this.searchTags = (query = "") => {
+      this.setState({ tags: [`<span>Finding tags${query && ` matching ${query}`}...</span>`] });
+      this.queryStream.next();
+    };
+    this.state = {
+      digest: "",
+      tags: [],
+      tagsLoading: true,
+      loadError: false,
+      lookupType: "tag",
+      selectedTag: ""
+    };
+  }
+  static formatLabel(trigger) {
+    return $q.when(`(Docker Registry) ${trigger.account ? trigger.account + ":" : ""} ${trigger.repository || ""}`);
+  }
+  updateArtifact(command, tagOrDigest) {
+    this.props.updateCommand("extraFields.tag", tagOrDigest);
+    const trigger = command.trigger;
+    if (trigger && trigger.repository) {
+      let imageName = "";
+      if (trigger.registry) {
+        imageName += trigger.registry + "/";
+      }
+      imageName += trigger.repository;
+      let imageReference = "";
+      if (this.state.lookupType === "digest") {
+        imageReference = `${imageName}@${tagOrDigest}`;
+      } else {
+        imageReference = `${imageName}:${tagOrDigest}`;
+      }
+      const artifactType = trigger.type === "docker" ? "docker/image" : "helm/image";
+      this.props.updateCommand("extraFields.artifacts", [
+        {
+          type: artifactType,
+          name: imageName,
+          version: tagOrDigest,
+          reference: imageReference
+        }
+      ]);
+    }
+  }
+  componentDidMount() {
+    this.initialize();
+  }
+  componentWillUnmount() {
+    if (this.subscription) {
+      this.subscription.unsubscribe();
+    }
+  }
+  render() {
+    const { digest, tags, tagsLoading, loadError, selectedTag, lookupType } = this.state;
+    const options = tags.map((tag) => {
+      return { value: tag };
+    });
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
+      className: "form-group"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "sm-label-right col-md-4"
+    }, "Type"), /* @__PURE__ */ React.createElement("div", {
+      className: "col-md-3"
+    }, /* @__PURE__ */ React.createElement(TetheredSelect, {
+      clearable: false,
+      value: lookupType,
+      options: lookupTypeOptions,
+      onChange: this.lookupTypeChanged
+    }))), lookupType === "tag" && /* @__PURE__ */ React.createElement("div", {
+      className: "form-group"
+    }, /* @__PURE__ */ React.createElement("label", {
+      className: "col-md-4 sm-label-right"
+    }, "Tag"), tagsLoading && /* @__PURE__ */ React.createElement("div", {
+      className: "col-md-6"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "form-control-static text-center"
+    }, /* @__PURE__ */ React.createElement(Spinner, {
+      size: "small"
+    }))), loadError && /* @__PURE__ */ React.createElement("div", {
+      className: "col-md-6"
+    }, "Error loading tags!"), !tagsLoading && /* @__PURE__ */ React.createElement("div", {
+      className: "col-md-6"
+    }, tags.length === 0 && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", {
+      className: "form-control-static"
+    }, "No tags found")), tags.length > 0 && /* @__PURE__ */ React.createElement(TetheredSelect, {
+      options,
+      optionRenderer: (o) => /* @__PURE__ */ React.createElement("span", null, o.value),
+      clearable: false,
+      value: selectedTag,
+      valueRenderer: (o) => /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("strong", null, o.value)),
+      onChange: (o) => this.updateSelectedTag(o.value),
+      placeholder: "Search tags..."
+    }))), lookupType === "digest" && /* @__PURE__ */ React.createElement("div", {
+      className: "form-group"
+    }, /* @__PURE__ */ React.createElement("label", {
+      className: "col-md-4 sm-label-right"
+    }, "Digest ", /* @__PURE__ */ React.createElement(HelpField, {
+      id: "pipeline.config.docker.trigger.digest"
+    })), /* @__PURE__ */ React.createElement("div", {
+      className: "col-md-6"
+    }, /* @__PURE__ */ React.createElement("input", {
+      value: digest,
+      onChange: (e) => this.updateDigest(e.target.value),
+      className: "form-control input-sm",
+      required: true
+    }))));
+  }
+}
+
+const DockerTriggerExecutionStatus = (props) => {
+  const trigger = props.trigger;
+  return /* @__PURE__ */ React.createElement("li", null, trigger.repository, ":", trigger.tag);
+};
+Registry.pipeline.registerTrigger({
+  label: "Docker Registry",
+  description: "Executes the pipeline on an image update",
+  key: "docker",
+  component: DockerTriggerConfig,
+  manualExecutionComponent: DockerTriggerTemplate,
+  executionStatusComponent: DockerTriggerExecutionStatus,
+  executionTriggerLabel: () => "Docker Registry",
+  validators: [
+    {
+      type: "requiredField",
+      fieldName: "account",
+      message: "<strong>Registry</strong> is a required field for Docker Registry triggers."
+    },
+    {
+      type: "requiredField",
+      fieldName: "repository",
+      message: "<strong>Image</strong> is a required field for Docker Registry triggers."
+    },
+    {
+      type: "serviceAccountAccess",
+      preventSave: true,
+      message: `You do not have access to the service account configured in this pipeline's Docker Registry trigger.
+                You will not be able to save your edits to this pipeline.`
+    }
+  ]
+});
+Registry.pipeline.registerTrigger({
+  label: "Helm Docker Registry",
+  description: "Executes the pipeline on an helm/image update",
+  key: "helm/oci",
+  component: DockerHelmOciTriggerConfig,
+  manualExecutionComponent: DockerTriggerTemplate,
+  executionStatusComponent: DockerTriggerExecutionStatus,
+  executionTriggerLabel: () => "Helm Docker Registry",
+  validators: [
+    {
+      type: "requiredField",
+      fieldName: "account",
+      message: "<strong>Registry</strong> is a required field for Docker Registry triggers."
+    },
+    {
+      type: "requiredField",
+      fieldName: "repository",
+      message: "<strong>Image</strong> is a required field for Docker Registry triggers."
+    },
+    {
+      type: "serviceAccountAccess",
+      preventSave: true,
+      message: `You do not have access to the service account configured in this pipeline's Docker Registry trigger.
+                You will not be able to save your edits to this pipeline.`
+    }
+  ]
+});
+
+const DOCKER_MODULE = "spinnaker.docker";
+module(DOCKER_MODULE, [DOCKER_PIPELINE_STAGES_BAKE_DOCKERBAKESTAGE]);
+
+export { DOCKER_MODULE, DockerChartImageReader, DockerImageAndTagSelector, DockerImageReader, DockerImageUtils };
 //# sourceMappingURL=index.js.map