@spinnaker/docker 2025.3.0 → 2025.4.0-rc1

package/dist/index.js

@@ -1,1570 +1,2 @@
-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 };
+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};
 //# sourceMappingURL=index.js.map