@spinnaker/docker 2025.0.5 → 2025.1.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import { RetryService, REST, AccountService, ValidationMessage, HelpField, Tooltip, SETTINGS, Registry, BakeExecutionLabel, AuthenticationService, BakeryReader, TetheredSelect, Spinner } from '@spinnaker/core';
+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';
@@ -19,6 +19,17 @@ class DockerImageReader {
     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 = "") {
@@ -57,8 +68,8 @@ class DockerImageUtils {
   }
 }
 
-const imageFields = ["organization", "repository", "tag", "digest"];
-const defineOptions = [
+const imageFields$1 = ["organization", "repository", "tag", "digest"];
+const defineOptions$1 = [
   { label: "Manually", value: true },
   { label: "Select from list", value: false }
 ];
@@ -301,7 +312,7 @@ class DockerImageAndTagSelector extends React.Component {
   }
   valueChanged(name, value) {
     const changes = { [name]: value };
-    if (imageFields.some((n) => n === name)) {
+    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);
@@ -354,7 +365,7 @@ class DockerImageAndTagSelector extends React.Component {
       value: defineManually,
       disabled: imagesLoading || !allowManualDefinition,
       onChange: (o) => this.showManualInput(o.value),
-      options: defineOptions,
+      options: defineOptions$1,
       clearable: false
     })))));
     const warning = switchedManualWarning ? /* @__PURE__ */ React.createElement("div", {
@@ -743,155 +754,711 @@ window.angular.module("ng").run(["$templateCache", function(templateCache) {
 `);
 }]);
 
-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" }
+const imageFields = ["organization", "repository", "tag", "digest"];
+const defineOptions = [
+  { label: "Manually", value: true },
+  { label: "Select from list", value: false }
 ];
-class DockerTriggerTemplate extends React.Component {
+class DockerChartAndTagSelector extends React.Component {
   constructor(props) {
     super(props);
-    this.queryStream = new Subject();
-    this.handleQuery = () => {
-      const trigger = this.props.command.trigger;
-      return from(DockerImageReader.findTags({
-        provider: "dockerRegistry",
-        account: trigger.account,
-        repository: trigger.repository
-      }));
+    this.unmounted = false;
+    this.cachedValues = {};
+    this.handleRefreshImages = () => {
+      this.refreshImages(this.props);
     };
     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);
+      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);
       }
-      newState.tagsLoading = false;
-      this.setState(newState);
-    };
-    this.tagLoadFailure = () => {
-      this.setState({
-        tagsLoading: false,
-        loadError: true
-      });
+      this.setState({ lookupType: newType });
+      this.cachedValues[oldType] = oldValue;
     };
-    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") {
-        return;
+    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.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.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 = {
-      digest: "",
-      tags: [],
-      tagsLoading: true,
-      loadError: false,
-      lookupType: "tag",
-      selectedTag: ""
+      accountOptions,
+      switchedManualWarning: void 0,
+      imagesLoaded: false,
+      imagesLoading: false,
+      organizationOptions,
+      repositoryOptions,
+      defineManually,
+      tagOptions,
+      lookupType: props.digest || parsedImageId.digest ? "digest" : "tag"
     };
   }
-  static formatLabel(trigger) {
-    return $q.when(`(Docker Registry) ${trigger.account ? trigger.account + ":" : ""} ${trigger.repository || ""}`);
+  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;
+    }, {});
   }
-  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}`;
+  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;
       }
-      this.props.updateCommand("extraFields.artifacts", [
-        {
-          type: "docker/image",
-          name: imageName,
-          version: tagOrDigest,
-          reference: imageReference
+    } else {
+      if (repositoryMap) {
+        tags = repositoryMap[repository] || [];
+        if (!tags.includes(tag) && tag && !tag.includes("${")) {
+          tag = void 0;
         }
-      ]);
+      }
     }
+    return { tag, tags };
   }
-  componentDidMount() {
-    this.initialize();
+  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() {
-    if (this.subscription) {
-      this.subscription.unsubscribe();
+    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);
+      }
     }
   }
-  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, {
+  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,
@@ -968,9 +1535,36 @@ Registry.pipeline.registerTrigger({
     }
   ]
 });
+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, DockerImageAndTagSelector, DockerImageReader, DockerImageUtils };
+export { DOCKER_MODULE, DockerChartImageReader, DockerImageAndTagSelector, DockerImageReader, DockerImageUtils };
 //# sourceMappingURL=index.js.map