@backstage/plugin-scaffolder 1.4.0 → 1.5.0-next.2

package/dist/esm/{index-a298f509.esm.js → index-3b171258.esm.js}

@@ -51,11 +51,15 @@ class ScaffolderClient {
   }
   async listTasks(options) {
     if (!this.identityApi) {
-      throw new Error("IdentityApi is not available in the ScaffolderClient, please pass through the IdentityApi to the ScaffolderClient constructor in order to use the listTasks method");
+      throw new Error(
+        "IdentityApi is not available in the ScaffolderClient, please pass through the IdentityApi to the ScaffolderClient constructor in order to use the listTasks method"
+      );
     }
     const baseUrl = await this.discoveryApi.getBaseUrl("scaffolder");
     const { userEntityRef } = await this.identityApi.getBackstageIdentity();
-    const query = qs.stringify(options.filterByOwnership === "owned" ? { createdBy: userEntityRef } : {});
+    const query = qs.stringify(
+      options.filterByOwnership === "owned" ? { createdBy: userEntityRef } : {}
+    );
     const response = await this.fetchApi.fetch(`${baseUrl}/v2/tasks?${query}`);
     if (!response.ok) {
       throw await ResponseError.fromResponse(response);
@@ -65,7 +69,9 @@ class ScaffolderClient {
   async getIntegrationsList(options) {
     const integrations = [
       ...this.scmIntegrationsApi.azure.list(),
-      ...this.scmIntegrationsApi.bitbucket.list().filter((item) => !this.scmIntegrationsApi.bitbucketCloud.byHost(item.config.host) && !this.scmIntegrationsApi.bitbucketServer.byHost(item.config.host)),
+      ...this.scmIntegrationsApi.bitbucket.list().filter(
+        (item) => !this.scmIntegrationsApi.bitbucketCloud.byHost(item.config.host) && !this.scmIntegrationsApi.bitbucketServer.byHost(item.config.host)
+      ),
       ...this.scmIntegrationsApi.bitbucketCloud.list(),
       ...this.scmIntegrationsApi.bitbucketServer.list(),
       ...this.scmIntegrationsApi.gerrit.list(),
@@ -155,35 +161,40 @@ class ScaffolderClient {
       if (after !== void 0) {
         params.set("after", String(Number(after)));
       }
-      this.discoveryApi.getBaseUrl("scaffolder").then((baseUrl) => {
-        const url = `${baseUrl}/v2/tasks/${encodeURIComponent(taskId)}/eventstream`;
-        const eventSource = new EventSource(url, { withCredentials: true });
-        eventSource.addEventListener("log", (event) => {
-          if (event.data) {
-            try {
-              subscriber.next(JSON.parse(event.data));
-            } catch (ex) {
-              subscriber.error(ex);
+      this.discoveryApi.getBaseUrl("scaffolder").then(
+        (baseUrl) => {
+          const url = `${baseUrl}/v2/tasks/${encodeURIComponent(
+            taskId
+          )}/eventstream`;
+          const eventSource = new EventSource(url, { withCredentials: true });
+          eventSource.addEventListener("log", (event) => {
+            if (event.data) {
+              try {
+                subscriber.next(JSON.parse(event.data));
+              } catch (ex) {
+                subscriber.error(ex);
+              }
             }
-          }
-        });
-        eventSource.addEventListener("completion", (event) => {
-          if (event.data) {
-            try {
-              subscriber.next(JSON.parse(event.data));
-            } catch (ex) {
-              subscriber.error(ex);
+          });
+          eventSource.addEventListener("completion", (event) => {
+            if (event.data) {
+              try {
+                subscriber.next(JSON.parse(event.data));
+              } catch (ex) {
+                subscriber.error(ex);
+              }
             }
-          }
-          eventSource.close();
-          subscriber.complete();
-        });
-        eventSource.addEventListener("error", (event) => {
-          subscriber.error(event);
-        });
-      }, (error) => {
-        subscriber.error(error);
-      });
+            eventSource.close();
+            subscriber.complete();
+          });
+          eventSource.addEventListener("error", (event) => {
+            subscriber.error(event);
+          });
+        },
+        (error) => {
+          subscriber.error(error);
+        }
+      );
     });
   }
   streamLogsPolling({
@@ -194,7 +205,9 @@ class ScaffolderClient {
     return new ObservableImpl((subscriber) => {
       this.discoveryApi.getBaseUrl("scaffolder").then(async (baseUrl) => {
         while (!subscriber.closed) {
-          const url = `${baseUrl}/v2/tasks/${encodeURIComponent(taskId)}/events?${qs.stringify({ after })}`;
+          const url = `${baseUrl}/v2/tasks/${encodeURIComponent(
+            taskId
+          )}/events?${qs.stringify({ after })}`;
           const response = await this.fetchApi.fetch(url);
           if (!response.ok) {
             await new Promise((resolve) => setTimeout(resolve, 1e3));
@@ -237,11 +250,20 @@ const EntityPicker = (props) => {
   const allowedKinds = (_a = uiSchema["ui:options"]) == null ? void 0 : _a.allowedKinds;
   const defaultKind = (_b = uiSchema["ui:options"]) == null ? void 0 : _b.defaultKind;
   const catalogApi = useApi(catalogApiRef);
-  const { value: entities, loading } = useAsync(() => catalogApi.getEntities(allowedKinds ? { filter: { kind: allowedKinds } } : void 0));
-  const entityRefs = entities == null ? void 0 : entities.items.map((e) => humanizeEntityRef(e, { defaultKind }));
-  const onSelect = useCallback((_, value) => {
-    onChange(value || "");
-  }, [onChange]);
+  const { value: entities, loading } = useAsync(
+    () => catalogApi.getEntities(
+      allowedKinds ? { filter: { kind: allowedKinds } } : void 0
+    )
+  );
+  const entityRefs = entities == null ? void 0 : entities.items.map(
+    (e) => humanizeEntityRef(e, { defaultKind })
+  );
+  const onSelect = useCallback(
+    (_, value) => {
+      onChange(value || "");
+    },
+    [onChange]
+  );
   useEffect(() => {
     if ((entityRefs == null ? void 0 : entityRefs.length) === 1) {
       onChange(entityRefs[0]);
@@ -263,8 +285,9 @@ const EntityPicker = (props) => {
     renderInput: (params) => /* @__PURE__ */ React.createElement(TextField, {
       ...params,
       label: title,
-      margin: "normal",
+      margin: "dense",
       helperText: description,
+      FormHelperTextProps: { margin: "dense", style: { marginLeft: 0 } },
       variant: "outlined",
       required,
       InputProps: params.InputProps
@@ -299,7 +322,9 @@ const EntityNamePicker = (props) => {
 
 const entityNamePickerValidation = (value, validation) => {
   if (!KubernetesValidatorFunctions.isValidObjectName(value)) {
-    validation.addError("must start and end with an alphanumeric character, and contain only alphanumeric characters, hyphens, underscores, and periods. Maximum length is 63 characters.");
+    validation.addError(
+      "must start and end with an alphanumeric character, and contain only alphanumeric characters, hyphens, underscores, and periods. Maximum length is 63 characters."
+    );
   }
 };
 
@@ -318,10 +343,12 @@ const EntityTagsPicker = (props) => {
     }
     const entities = await catalogApi.getEntities(tagsRequest);
     return [
-      ...new Set(entities.items.flatMap((e) => {
-        var _a2;
-        return (_a2 = e.metadata) == null ? void 0 : _a2.tags;
-      }).filter(Boolean))
+      ...new Set(
+        entities.items.flatMap((e) => {
+          var _a2;
+          return (_a2 = e.metadata) == null ? void 0 : _a2.tags;
+        }).filter(Boolean)
+      )
     ].sort();
   });
   const setTags = (_, values) => {
@@ -525,11 +552,13 @@ const GerritRepoPicker = (props) => {
 const RepoUrlPickerHost = (props) => {
   const { host, hosts, onChange, rawErrors } = props;
   const scaffolderApi = useApi(scaffolderApiRef);
-  const { value: { integrations } = { integrations: [] }, loading } = useAsync(async () => {
-    return await scaffolderApi.getIntegrationsList({
-      allowedHosts: hosts != null ? hosts : []
-    });
-  });
+  const { value: { integrations } = { integrations: [] }, loading } = useAsync(
+    async () => {
+      return await scaffolderApi.getIntegrationsList({
+        allowedHosts: hosts != null ? hosts : []
+      });
+    }
+  );
   useEffect(() => {
     if (!host) {
       if (hosts == null ? void 0 : hosts.length) {
@@ -632,7 +661,9 @@ function parseRepoPickerUrl(url) {
   return { host, owner, repoName, organization, workspace, project };
 }
 
-const SecretsContext = createContext(void 0);
+const SecretsContext = createContext(
+  void 0
+);
 const SecretsContextProvider = ({ children }) => {
   const [secrets, setSecrets] = useState({});
   return /* @__PURE__ */ React.createElement(SecretsContext.Provider, {
@@ -642,34 +673,50 @@ const SecretsContextProvider = ({ children }) => {
 const useTemplateSecrets = () => {
   const value = useContext(SecretsContext);
   if (!value) {
-    throw new Error("useTemplateSecrets must be used within a SecretsContextProvider");
+    throw new Error(
+      "useTemplateSecrets must be used within a SecretsContextProvider"
+    );
   }
   const { setSecrets: updateSecrets } = value;
-  const setSecrets = useCallback((input) => {
-    updateSecrets((currentSecrets) => ({ ...currentSecrets, ...input }));
-  }, [updateSecrets]);
+  const setSecrets = useCallback(
+    (input) => {
+      updateSecrets((currentSecrets) => ({ ...currentSecrets, ...input }));
+    },
+    [updateSecrets]
+  );
   return { setSecrets };
 };
 
 const RepoUrlPicker = (props) => {
   var _a, _b;
   const { uiSchema, onChange, rawErrors, formData } = props;
-  const [state, setState] = useState(parseRepoPickerUrl(formData));
+  const [state, setState] = useState(
+    parseRepoPickerUrl(formData)
+  );
   const integrationApi = useApi(scmIntegrationsApiRef);
   const scmAuthApi = useApi(scmAuthApiRef);
   const { setSecrets } = useTemplateSecrets();
-  const allowedHosts = useMemo(() => {
-    var _a2, _b2;
-    return (_b2 = (_a2 = uiSchema == null ? void 0 : uiSchema["ui:options"]) == null ? void 0 : _a2.allowedHosts) != null ? _b2 : [];
-  }, [uiSchema]);
-  const allowedOwners = useMemo(() => {
-    var _a2, _b2;
-    return (_b2 = (_a2 = uiSchema == null ? void 0 : uiSchema["ui:options"]) == null ? void 0 : _a2.allowedOwners) != null ? _b2 : [];
-  }, [uiSchema]);
-  const allowedRepos = useMemo(() => {
-    var _a2, _b2;
-    return (_b2 = (_a2 = uiSchema == null ? void 0 : uiSchema["ui:options"]) == null ? void 0 : _a2.allowedRepos) != null ? _b2 : [];
-  }, [uiSchema]);
+  const allowedHosts = useMemo(
+    () => {
+      var _a2, _b2;
+      return (_b2 = (_a2 = uiSchema == null ? void 0 : uiSchema["ui:options"]) == null ? void 0 : _a2.allowedHosts) != null ? _b2 : [];
+    },
+    [uiSchema]
+  );
+  const allowedOwners = useMemo(
+    () => {
+      var _a2, _b2;
+      return (_b2 = (_a2 = uiSchema == null ? void 0 : uiSchema["ui:options"]) == null ? void 0 : _a2.allowedOwners) != null ? _b2 : [];
+    },
+    [uiSchema]
+  );
+  const allowedRepos = useMemo(
+    () => {
+      var _a2, _b2;
+      return (_b2 = (_a2 = uiSchema == null ? void 0 : uiSchema["ui:options"]) == null ? void 0 : _a2.allowedRepos) != null ? _b2 : [];
+    },
+    [uiSchema]
+  );
   useEffect(() => {
     onChange(serializeRepoPickerUrl(state));
   }, [state, onChange]);
@@ -683,29 +730,36 @@ const RepoUrlPicker = (props) => {
       setState((prevState) => ({ ...prevState, repoName: allowedRepos[0] }));
     }
   }, [setState, allowedRepos]);
-  const updateLocalState = useCallback((newState) => {
-    setState((prevState) => ({ ...prevState, ...newState }));
-  }, [setState]);
-  useDebounce(async () => {
-    var _a2;
-    const { requestUserCredentials } = (_a2 = uiSchema == null ? void 0 : uiSchema["ui:options"]) != null ? _a2 : {};
-    if (!requestUserCredentials || !(state.host && state.owner && state.repoName)) {
-      return;
-    }
-    const [host, owner, repoName] = [
-      state.host,
-      state.owner,
-      state.repoName
-    ].map(encodeURIComponent);
-    const { token } = await scmAuthApi.getCredentials({
-      url: `https://${host}/${owner}/${repoName}`,
-      additionalScope: {
-        repoWrite: true,
-        customScopes: requestUserCredentials.additionalScopes
+  const updateLocalState = useCallback(
+    (newState) => {
+      setState((prevState) => ({ ...prevState, ...newState }));
+    },
+    [setState]
+  );
+  useDebounce(
+    async () => {
+      var _a2;
+      const { requestUserCredentials } = (_a2 = uiSchema == null ? void 0 : uiSchema["ui:options"]) != null ? _a2 : {};
+      if (!requestUserCredentials || !(state.host && state.owner && state.repoName)) {
+        return;
       }
-    });
-    setSecrets({ [requestUserCredentials.secretsKey]: token });
-  }, 500, [state, uiSchema]);
+      const [host, owner, repoName] = [
+        state.host,
+        state.owner,
+        state.repoName
+      ].map(encodeURIComponent);
+      const { token } = await scmAuthApi.getCredentials({
+        url: `https://${host}/${owner}/${repoName}`,
+        additionalScope: {
+          repoWrite: true,
+          customScopes: requestUserCredentials.additionalScopes
+        }
+      });
+      setSecrets({ [requestUserCredentials.secretsKey]: token });
+    },
+    500,
+    [state, uiSchema]
+  );
   const hostType = (_b = state.host && ((_a = integrationApi.byHost(state.host)) == null ? void 0 : _a.type)) != null ? _b : null;
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(RepoUrlPickerHost, {
     host: state.host,
@@ -749,22 +803,32 @@ const repoPickerValidation = (value, validation, context) => {
     const { host, searchParams } = new URL(`https://${value}`);
     const integrationApi = context.apiHolder.get(scmIntegrationsApiRef);
     if (!host) {
-      validation.addError("Incomplete repository location provided, host not provided");
+      validation.addError(
+        "Incomplete repository location provided, host not provided"
+      );
     } else {
       if (((_a = integrationApi == null ? void 0 : integrationApi.byHost(host)) == null ? void 0 : _a.type) === "bitbucket") {
         if (host === "bitbucket.org" && !searchParams.get("workspace")) {
-          validation.addError("Incomplete repository location provided, workspace not provided");
+          validation.addError(
+            "Incomplete repository location provided, workspace not provided"
+          );
         }
         if (!searchParams.get("project")) {
-          validation.addError("Incomplete repository location provided, project not provided");
+          validation.addError(
+            "Incomplete repository location provided, project not provided"
+          );
         }
       } else if (((_b = integrationApi == null ? void 0 : integrationApi.byHost(host)) == null ? void 0 : _b.type) !== "gerrit") {
         if (!searchParams.get("owner")) {
-          validation.addError("Incomplete repository location provided, owner not provided");
+          validation.addError(
+            "Incomplete repository location provided, owner not provided"
+          );
         }
       }
       if (!searchParams.get("repo")) {
-        validation.addError("Incomplete repository location provided, repo not provided");
+        validation.addError(
+          "Incomplete repository location provided, repo not provided"
+        );
       }
     }
   } catch {
@@ -820,16 +884,18 @@ function useOwnedEntities(allowedKinds) {
   const { loading, value: refs } = useAsync(async () => {
     const identity = await identityApi.getBackstageIdentity();
     const identityRefs = identity.ownershipEntityRefs;
-    const catalogs = await catalogApi.getEntities(allowedKinds ? {
-      filter: {
-        kind: allowedKinds,
-        [`relations.${RELATION_OWNED_BY}`]: identityRefs || []
-      }
-    } : {
-      filter: {
-        [`relations.${RELATION_OWNED_BY}`]: identityRefs || []
+    const catalogs = await catalogApi.getEntities(
+      allowedKinds ? {
+        filter: {
+          kind: allowedKinds,
+          [`relations.${RELATION_OWNED_BY}`]: identityRefs || []
+        }
+      } : {
+        filter: {
+          [`relations.${RELATION_OWNED_BY}`]: identityRefs || []
+        }
       }
-    });
+    );
     return catalogs;
   }, []);
   const ownedEntities = useMemo(() => {
@@ -844,13 +910,21 @@ function createScaffolderFieldExtension(options) {
   return {
     expose() {
       const FieldExtensionDataHolder = () => null;
-      attachComponentData(FieldExtensionDataHolder, FIELD_EXTENSION_KEY, options);
+      attachComponentData(
+        FieldExtensionDataHolder,
+        FIELD_EXTENSION_KEY,
+        options
+      );
       return FieldExtensionDataHolder;
     }
   };
 }
 const ScaffolderFieldExtensions = () => null;
-attachComponentData(ScaffolderFieldExtensions, FIELD_EXTENSION_WRAPPER_KEY, true);
+attachComponentData(
+  ScaffolderFieldExtensions,
+  FIELD_EXTENSION_WRAPPER_KEY,
+  true
+);
 
 const registerComponentRouteRef = createExternalRouteRef({
   id: "register-component",
@@ -864,11 +938,19 @@ const legacySelectedTemplateRouteRef = createSubRouteRef({
   parent: rootRouteRef,
   path: "/templates/:templateName"
 });
+const nextRouteRef = createRouteRef({
+  id: "scaffolder/next"
+});
 const selectedTemplateRouteRef = createSubRouteRef({
   id: "scaffolder/selected-template",
   parent: rootRouteRef,
   path: "/templates/:namespace/:templateName"
 });
+const nextSelectedTemplateRouteRef = createSubRouteRef({
+  id: "scaffolder/next/selected-template",
+  parent: nextRouteRef,
+  path: "/templates/:namespace/:templateName"
+});
 const scaffolderTaskRouteRef = createSubRouteRef({
   id: "scaffolder/task",
   parent: rootRouteRef,
@@ -916,42 +998,58 @@ const scaffolderPlugin = createPlugin({
     registerComponent: registerComponentRouteRef
   }
 });
-const EntityPickerFieldExtension = scaffolderPlugin.provide(createScaffolderFieldExtension({
-  component: EntityPicker,
-  name: "EntityPicker"
-}));
-const EntityNamePickerFieldExtension = scaffolderPlugin.provide(createScaffolderFieldExtension({
-  component: EntityNamePicker,
-  name: "EntityNamePicker",
-  validation: entityNamePickerValidation
-}));
-const RepoUrlPickerFieldExtension = scaffolderPlugin.provide(createScaffolderFieldExtension({
-  component: RepoUrlPicker,
-  name: "RepoUrlPicker",
-  validation: repoPickerValidation
-}));
-const OwnerPickerFieldExtension = scaffolderPlugin.provide(createScaffolderFieldExtension({
-  component: OwnerPicker,
-  name: "OwnerPicker"
-}));
-const ScaffolderPage = scaffolderPlugin.provide(createRoutableExtension({
-  name: "ScaffolderPage",
-  component: () => import('./Router-e14e5f4e.esm.js').then((m) => m.Router),
-  mountPoint: rootRouteRef
-}));
-const OwnedEntityPickerFieldExtension = scaffolderPlugin.provide(createScaffolderFieldExtension({
-  component: OwnedEntityPicker,
-  name: "OwnedEntityPicker"
-}));
-const EntityTagsPickerFieldExtension = scaffolderPlugin.provide(createScaffolderFieldExtension({
-  component: EntityTagsPicker,
-  name: "EntityTagsPicker"
-}));
-const NextScaffolderPage = scaffolderPlugin.provide(createRoutableExtension({
-  name: "NextScaffolderPage",
-  component: () => import('./index-8dd91f94.esm.js').then((m) => m.Router),
-  mountPoint: rootRouteRef
-}));
+const EntityPickerFieldExtension = scaffolderPlugin.provide(
+  createScaffolderFieldExtension({
+    component: EntityPicker,
+    name: "EntityPicker"
+  })
+);
+const EntityNamePickerFieldExtension = scaffolderPlugin.provide(
+  createScaffolderFieldExtension({
+    component: EntityNamePicker,
+    name: "EntityNamePicker",
+    validation: entityNamePickerValidation
+  })
+);
+const RepoUrlPickerFieldExtension = scaffolderPlugin.provide(
+  createScaffolderFieldExtension({
+    component: RepoUrlPicker,
+    name: "RepoUrlPicker",
+    validation: repoPickerValidation
+  })
+);
+const OwnerPickerFieldExtension = scaffolderPlugin.provide(
+  createScaffolderFieldExtension({
+    component: OwnerPicker,
+    name: "OwnerPicker"
+  })
+);
+const ScaffolderPage = scaffolderPlugin.provide(
+  createRoutableExtension({
+    name: "ScaffolderPage",
+    component: () => import('./Router-fa1fcf0c.esm.js').then((m) => m.Router),
+    mountPoint: rootRouteRef
+  })
+);
+const OwnedEntityPickerFieldExtension = scaffolderPlugin.provide(
+  createScaffolderFieldExtension({
+    component: OwnedEntityPicker,
+    name: "OwnedEntityPicker"
+  })
+);
+const EntityTagsPickerFieldExtension = scaffolderPlugin.provide(
+  createScaffolderFieldExtension({
+    component: EntityTagsPicker,
+    name: "EntityTagsPicker"
+  })
+);
+const NextScaffolderPage = scaffolderPlugin.provide(
+  createRoutableExtension({
+    name: "NextScaffolderPage",
+    component: () => import('./index-bdece754.esm.js').then((m) => m.Router),
+    mountPoint: nextRouteRef
+  })
+);
 
 const icon = /* @__PURE__ */ React.createElement(CheckBoxOutlineBlankIcon, {
   fontSize: "small"
@@ -1070,43 +1168,51 @@ const useTaskEventStream = (taskId) => {
     let didCancel = false;
     let subscription;
     let logPusher;
-    scaffolderApi.getTask(taskId).then((task) => {
-      if (didCancel) {
-        return;
-      }
-      dispatch({ type: "INIT", data: task });
-      const observable = scaffolderApi.streamLogs({ taskId });
-      const collectedLogEvents = new Array();
-      function emitLogs() {
-        if (collectedLogEvents.length) {
-          const logs = collectedLogEvents.splice(0, collectedLogEvents.length);
-          dispatch({ type: "LOGS", data: logs });
+    scaffolderApi.getTask(taskId).then(
+      (task) => {
+        if (didCancel) {
+          return;
         }
-      }
-      logPusher = setInterval(emitLogs, 500);
-      subscription = observable.subscribe({
-        next: (event) => {
-          switch (event.type) {
-            case "log":
-              return collectedLogEvents.push(event);
-            case "completion":
-              emitLogs();
-              dispatch({ type: "COMPLETED", data: event });
-              return void 0;
-            default:
-              throw new Error(`Unhandled event type ${event.type} in observer`);
+        dispatch({ type: "INIT", data: task });
+        const observable = scaffolderApi.streamLogs({ taskId });
+        const collectedLogEvents = new Array();
+        function emitLogs() {
+          if (collectedLogEvents.length) {
+            const logs = collectedLogEvents.splice(
+              0,
+              collectedLogEvents.length
+            );
+            dispatch({ type: "LOGS", data: logs });
           }
-        },
-        error: (error) => {
-          emitLogs();
+        }
+        logPusher = setInterval(emitLogs, 500);
+        subscription = observable.subscribe({
+          next: (event) => {
+            switch (event.type) {
+              case "log":
+                return collectedLogEvents.push(event);
+              case "completion":
+                emitLogs();
+                dispatch({ type: "COMPLETED", data: event });
+                return void 0;
+              default:
+                throw new Error(
+                  `Unhandled event type ${event.type} in observer`
+                );
+            }
+          },
+          error: (error) => {
+            emitLogs();
+            dispatch({ type: "ERROR", data: error });
+          }
+        });
+      },
+      (error) => {
+        if (!didCancel) {
           dispatch({ type: "ERROR", data: error });
         }
-      });
-    }, (error) => {
-      if (!didCancel) {
-        dispatch({ type: "ERROR", data: error });
       }
-    });
+    );
     return () => {
       didCancel = true;
       if (subscription) {
@@ -1181,30 +1287,32 @@ const TaskPageLinks = ({ output }) => {
 };
 
 const humanizeDuration = require("humanize-duration");
-const useStyles = makeStyles$1((theme) => createStyles({
-  root: {
-    width: "100%"
-  },
-  button: {
-    marginBottom: theme.spacing(2),
-    marginLeft: theme.spacing(2)
-  },
-  actionsContainer: {
-    marginBottom: theme.spacing(2)
-  },
-  resetContainer: {
-    padding: theme.spacing(3)
-  },
-  labelWrapper: {
-    display: "flex",
-    flex: 1,
-    flexDirection: "row",
-    justifyContent: "space-between"
-  },
-  stepWrapper: {
-    width: "100%"
-  }
-}));
+const useStyles = makeStyles$1(
+  (theme) => createStyles({
+    root: {
+      width: "100%"
+    },
+    button: {
+      marginBottom: theme.spacing(2),
+      marginLeft: theme.spacing(2)
+    },
+    actionsContainer: {
+      marginBottom: theme.spacing(2)
+    },
+    resetContainer: {
+      padding: theme.spacing(3)
+    },
+    labelWrapper: {
+      display: "flex",
+      flex: 1,
+      flexDirection: "row",
+      justifyContent: "space-between"
+    },
+    stepWrapper: {
+      width: "100%"
+    }
+  })
+);
 const StepTimeTicker = ({ step }) => {
   const [time, setTime] = useState("");
   useInterval(() => {
@@ -1221,20 +1329,22 @@ const StepTimeTicker = ({ step }) => {
     variant: "caption"
   }, time);
 };
-const useStepIconStyles = makeStyles$1((theme) => createStyles({
-  root: {
-    color: theme.palette.text.disabled,
-    display: "flex",
-    height: 22,
-    alignItems: "center"
-  },
-  completed: {
-    color: theme.palette.status.ok
-  },
-  error: {
-    color: theme.palette.status.error
-  }
-}));
+const useStepIconStyles = makeStyles$1(
+  (theme) => createStyles({
+    root: {
+      color: theme.palette.text.disabled,
+      display: "flex",
+      height: 22,
+      alignItems: "center"
+    },
+    completed: {
+      color: theme.palette.status.ok
+    },
+    error: {
+      color: theme.palette.status.error
+    }
+  })
+);
 function TaskStepIconComponent(props) {
   const classes = useStepIconStyles();
   const { active, completed, error } = props;
@@ -1259,44 +1369,46 @@ function TaskStepIconComponent(props) {
     })
   }, getMiddle());
 }
-const TaskStatusStepper = memo((props) => {
-  const { steps, currentStepId, onUserStepChange } = props;
-  const classes = useStyles(props);
-  return /* @__PURE__ */ React.createElement("div", {
-    className: classes.root
-  }, /* @__PURE__ */ React.createElement(Stepper, {
-    activeStep: steps.findIndex((s) => s.id === currentStepId),
-    orientation: "vertical",
-    nonLinear: true
-  }, steps.map((step, index) => {
-    const isCompleted = step.status === "completed";
-    const isFailed = step.status === "failed";
-    const isActive = step.status === "processing";
-    const isSkipped = step.status === "skipped";
-    return /* @__PURE__ */ React.createElement(Step, {
-      key: String(index),
-      expanded: true
-    }, /* @__PURE__ */ React.createElement(StepButton, {
-      onClick: () => onUserStepChange(step.id)
-    }, /* @__PURE__ */ React.createElement(StepLabel, {
-      StepIconProps: {
-        completed: isCompleted,
-        error: isFailed,
-        active: isActive
-      },
-      StepIconComponent: TaskStepIconComponent,
-      className: classes.stepWrapper
-    }, /* @__PURE__ */ React.createElement("div", {
-      className: classes.labelWrapper
-    }, /* @__PURE__ */ React.createElement(Typography$1, {
-      variant: "subtitle2"
-    }, step.name), isSkipped ? /* @__PURE__ */ React.createElement(Typography$1, {
-      variant: "caption"
-    }, "Skipped") : /* @__PURE__ */ React.createElement(StepTimeTicker, {
-      step
-    })))));
-  })));
-});
+const TaskStatusStepper = memo(
+  (props) => {
+    const { steps, currentStepId, onUserStepChange } = props;
+    const classes = useStyles(props);
+    return /* @__PURE__ */ React.createElement("div", {
+      className: classes.root
+    }, /* @__PURE__ */ React.createElement(Stepper, {
+      activeStep: steps.findIndex((s) => s.id === currentStepId),
+      orientation: "vertical",
+      nonLinear: true
+    }, steps.map((step, index) => {
+      const isCompleted = step.status === "completed";
+      const isFailed = step.status === "failed";
+      const isActive = step.status === "processing";
+      const isSkipped = step.status === "skipped";
+      return /* @__PURE__ */ React.createElement(Step, {
+        key: String(index),
+        expanded: true
+      }, /* @__PURE__ */ React.createElement(StepButton, {
+        onClick: () => onUserStepChange(step.id)
+      }, /* @__PURE__ */ React.createElement(StepLabel, {
+        StepIconProps: {
+          completed: isCompleted,
+          error: isFailed,
+          active: isActive
+        },
+        StepIconComponent: TaskStepIconComponent,
+        className: classes.stepWrapper
+      }, /* @__PURE__ */ React.createElement("div", {
+        className: classes.labelWrapper
+      }, /* @__PURE__ */ React.createElement(Typography$1, {
+        variant: "subtitle2"
+      }, step.name), isSkipped ? /* @__PURE__ */ React.createElement(Typography$1, {
+        variant: "caption"
+      }, "Skipped") : /* @__PURE__ */ React.createElement(StepTimeTicker, {
+        step
+      })))));
+    })));
+  }
+);
 const hasLinks = ({ links = [] }) => links.length > 0;
 const TaskPage = ({ loadingText }) => {
   const classes = useStyles();
@@ -1304,23 +1416,30 @@ const TaskPage = ({ loadingText }) => {
   const rootPath = useRouteRef(rootRouteRef);
   const templateRoute = useRouteRef(selectedTemplateRouteRef);
   const [userSelectedStepId, setUserSelectedStepId] = useState(void 0);
-  const [lastActiveStepId, setLastActiveStepId] = useState(void 0);
+  const [lastActiveStepId, setLastActiveStepId] = useState(
+    void 0
+  );
   const { taskId } = useParams();
   const taskStream = useTaskEventStream(taskId);
   const completed = taskStream.completed;
-  const steps = useMemo(() => {
-    var _a, _b;
-    return (_b = (_a = taskStream.task) == null ? void 0 : _a.spec.steps.map((step) => {
-      var _a2;
-      return {
-        ...step,
-        ...(_a2 = taskStream == null ? void 0 : taskStream.steps) == null ? void 0 : _a2[step.id]
-      };
-    })) != null ? _b : [];
-  }, [taskStream]);
+  const steps = useMemo(
+    () => {
+      var _a, _b;
+      return (_b = (_a = taskStream.task) == null ? void 0 : _a.spec.steps.map((step) => {
+        var _a2;
+        return {
+          ...step,
+          ...(_a2 = taskStream == null ? void 0 : taskStream.steps) == null ? void 0 : _a2[step.id]
+        };
+      })) != null ? _b : [];
+    },
+    [taskStream]
+  );
   useEffect(() => {
     var _a;
-    const mostRecentFailedOrActiveStep = steps.find((step) => ["failed", "processing"].includes(step.status));
+    const mostRecentFailedOrActiveStep = steps.find(
+      (step) => ["failed", "processing"].includes(step.status)
+    );
     if (completed && !mostRecentFailedOrActiveStep) {
       setLastActiveStepId((_a = steps[steps.length - 1]) == null ? void 0 : _a.id);
       return;
@@ -1347,10 +1466,14 @@ const TaskPage = ({ loadingText }) => {
       return;
     }
     const formData = taskStream.task.spec.parameters;
-    const { name, namespace } = parseEntityRef((_c = taskStream.task.spec.templateInfo) == null ? void 0 : _c.entityRef);
-    navigate(`${templateRoute({ templateName: name, namespace })}?${qs.stringify({
-      formData: JSON.stringify(formData)
-    })}`);
+    const { name, namespace } = parseEntityRef(
+      (_c = taskStream.task.spec.templateInfo) == null ? void 0 : _c.entityRef
+    );
+    navigate(
+      `${templateRoute({ templateName: name, namespace })}?${qs.stringify({
+        formData: JSON.stringify(formData)
+      })}`
+    );
   };
   return /* @__PURE__ */ React.createElement(Page, {
     themeId: "home"
@@ -1389,5 +1512,5 @@ const TaskPage = ({ loadingText }) => {
   })))))));
 };
 
-export { OwnedEntityPickerFieldExtension as A, RepoUrlPickerFieldExtension as B, ScaffolderPage as C, scaffolderPlugin as D, EntityPicker as E, FIELD_EXTENSION_WRAPPER_KEY as F, useTemplateSecrets as G, NextScaffolderPage as N, OwnerPicker as O, RepoUrlPicker as R, SecretsContext as S, TemplateTypePicker as T, actionsRouteRef as a, scaffolderListTaskRouteRef as b, scaffolderApiRef as c, scaffolderTaskRouteRef as d, editRouteRef as e, rootRouteRef as f, TaskStatusStepper as g, TaskPageLinks as h, FIELD_EXTENSION_KEY as i, SecretsContextProvider as j, TaskPage as k, legacySelectedTemplateRouteRef as l, EntityNamePicker as m, entityNamePickerValidation as n, EntityTagsPicker as o, repoPickerValidation as p, OwnedEntityPicker as q, registerComponentRouteRef as r, selectedTemplateRouteRef as s, ScaffolderClient as t, createScaffolderFieldExtension as u, ScaffolderFieldExtensions as v, EntityPickerFieldExtension as w, EntityNamePickerFieldExtension as x, EntityTagsPickerFieldExtension as y, OwnerPickerFieldExtension as z };
-//# sourceMappingURL=index-a298f509.esm.js.map
+export { EntityTagsPickerFieldExtension as A, OwnerPickerFieldExtension as B, OwnedEntityPickerFieldExtension as C, RepoUrlPickerFieldExtension as D, EntityPicker as E, FIELD_EXTENSION_WRAPPER_KEY as F, ScaffolderPage as G, scaffolderPlugin as H, useTemplateSecrets as I, NextScaffolderPage as N, OwnerPicker as O, RepoUrlPicker as R, SecretsContext as S, TemplateTypePicker as T, actionsRouteRef as a, scaffolderListTaskRouteRef as b, scaffolderApiRef as c, scaffolderTaskRouteRef as d, editRouteRef as e, rootRouteRef as f, TaskStatusStepper as g, TaskPageLinks as h, FIELD_EXTENSION_KEY as i, SecretsContextProvider as j, TaskPage as k, legacySelectedTemplateRouteRef as l, EntityNamePicker as m, entityNamePickerValidation as n, EntityTagsPicker as o, repoPickerValidation as p, OwnedEntityPicker as q, registerComponentRouteRef as r, selectedTemplateRouteRef as s, nextSelectedTemplateRouteRef as t, nextRouteRef as u, ScaffolderClient as v, createScaffolderFieldExtension as w, ScaffolderFieldExtensions as x, EntityPickerFieldExtension as y, EntityNamePickerFieldExtension as z };
+//# sourceMappingURL=index-3b171258.esm.js.map