@backstage/plugin-scaffolder 0.11.17 → 0.12.1-next.0

package/dist/esm/{index-768702c3.esm.js → index-837d4328.esm.js}

@@ -1,4 +1,4 @@
-import { createApiRef, useApi, attachComponentData, createExternalRouteRef, createRouteRef, createPlugin, createApiFactory, discoveryApiRef, identityApiRef, createRoutableExtension, useRouteRef, alertApiRef } from '@backstage/core-plugin-api';
+import { createApiRef, useApi, attachComponentData, createExternalRouteRef, createRouteRef, createPlugin, createApiFactory, discoveryApiRef, fetchApiRef, createRoutableExtension, useRouteRef, alertApiRef } from '@backstage/core-plugin-api';
 import { ResponseError } from '@backstage/errors';
 import qs from 'qs';
 import ObservableImpl from 'zen-observable';
@@ -6,16 +6,16 @@ import { catalogApiRef, formatEntityRefTitle, useOwnedEntities, useStarredEntity
 import { TextField, FormControl as FormControl$1, withStyles, makeStyles, IconButton, Tooltip, useTheme, Card, CardMedia, CardContent, Box, Typography, Chip, CardActions, Link, FormControlLabel, Checkbox } from '@material-ui/core';
 import FormControl from '@material-ui/core/FormControl';
 import Autocomplete from '@material-ui/lab/Autocomplete';
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useState, useMemo } from 'react';
 import useAsync from 'react-use/lib/useAsync';
 import { KubernetesValidatorFunctions, makeValidator, RELATION_OWNED_BY, stringifyEntityRef } from '@backstage/catalog-model';
-import { useAsync as useAsync$1, useEffectOnce } from 'react-use';
+import useEffectOnce from 'react-use/lib/useEffectOnce';
 import { Autocomplete as Autocomplete$1 } from '@material-ui/lab';
-import { Progress, Select, ItemCardHeader, Button, ContentHeader, WarningPanel, Link as Link$1, Content, ItemCardGrid } from '@backstage/core-components';
 import { scmIntegrationsApiRef, ScmIntegrationIcon } from '@backstage/integration-react';
 import FormHelperText from '@material-ui/core/FormHelperText';
 import Input from '@material-ui/core/Input';
 import InputLabel from '@material-ui/core/InputLabel';
+import { Select, Progress, ItemCardHeader, Button, ContentHeader, WarningPanel, Link as Link$1, Content, ItemCardGrid } from '@backstage/core-components';
 import Star from '@material-ui/icons/Star';
 import StarBorder from '@material-ui/icons/StarBorder';
 import WarningIcon from '@material-ui/icons/Warning';
@@ -30,11 +30,11 @@ const scaffolderApiRef = createApiRef({
 });
 class ScaffolderClient {
   constructor(options) {
-    var _a;
+    var _a, _b;
     this.discoveryApi = options.discoveryApi;
-    this.identityApi = options.identityApi;
+    this.fetchApi = (_a = options.fetchApi) != null ? _a : { fetch };
     this.scmIntegrationsApi = options.scmIntegrationsApi;
-    this.useLongPollingLogs = (_a = options.useLongPollingLogs) != null ? _a : false;
+    this.useLongPollingLogs = (_b = options.useLongPollingLogs) != null ? _b : false;
   }
   async getIntegrationsList(options) {
     return [
@@ -46,31 +46,28 @@ class ScaffolderClient {
   }
   async getTemplateParameterSchema(templateName) {
     const { namespace, kind, name } = templateName;
-    const token = await this.identityApi.getIdToken();
     const baseUrl = await this.discoveryApi.getBaseUrl("scaffolder");
     const templatePath = [namespace, kind, name].map((s) => encodeURIComponent(s)).join("/");
     const url = `${baseUrl}/v2/templates/${templatePath}/parameter-schema`;
-    const response = await fetch(url, {
-      headers: {
-        ...token && { Authorization: `Bearer ${token}` }
-      }
-    });
+    const response = await this.fetchApi.fetch(url);
     if (!response.ok) {
       throw await ResponseError.fromResponse(response);
     }
     const schema = await response.json();
     return schema;
   }
-  async scaffold(templateName, values) {
-    const token = await this.identityApi.getIdToken();
+  async scaffold(templateName, values, secrets = {}) {
     const url = `${await this.discoveryApi.getBaseUrl("scaffolder")}/v2/tasks`;
-    const response = await fetch(url, {
+    const response = await this.fetchApi.fetch(url, {
       method: "POST",
       headers: {
-        "Content-Type": "application/json",
-        ...token && { Authorization: `Bearer ${token}` }
+        "Content-Type": "application/json"
       },
-      body: JSON.stringify({ templateName, values: { ...values } })
+      body: JSON.stringify({
+        templateName,
+        values: { ...values },
+        secrets
+      })
     });
     if (response.status !== 201) {
       const status = `${response.status} ${response.statusText}`;
@@ -81,22 +78,19 @@ class ScaffolderClient {
     return id;
   }
   async getTask(taskId) {
-    const token = await this.identityApi.getIdToken();
     const baseUrl = await this.discoveryApi.getBaseUrl("scaffolder");
     const url = `${baseUrl}/v2/tasks/${encodeURIComponent(taskId)}`;
-    const response = await fetch(url, {
-      headers: token ? { Authorization: `Bearer ${token}` } : {}
-    });
+    const response = await this.fetchApi.fetch(url);
     if (!response.ok) {
       throw await ResponseError.fromResponse(response);
     }
     return await response.json();
   }
-  streamLogs(opts) {
+  streamLogs(options) {
     if (this.useLongPollingLogs) {
-      return this.streamLogsPolling(opts);
+      return this.streamLogsPolling(options);
     }
-    return this.streamLogsEventStream(opts);
+    return this.streamLogsEventStream(options);
   }
   streamLogsEventStream({
     taskId,
@@ -147,7 +141,7 @@ class ScaffolderClient {
       this.discoveryApi.getBaseUrl("scaffolder").then(async (baseUrl) => {
         while (!subscriber.closed) {
           const url = `${baseUrl}/v2/tasks/${encodeURIComponent(taskId)}/events?${qs.stringify({ after })}`;
-          const response = await fetch(url);
+          const response = await this.fetchApi.fetch(url);
           if (!response.ok) {
             await new Promise((resolve) => setTimeout(resolve, 1e3));
             continue;
@@ -167,10 +161,7 @@ class ScaffolderClient {
   }
   async listActions() {
     const baseUrl = await this.discoveryApi.getBaseUrl("scaffolder");
-    const token = await this.identityApi.getIdToken();
-    const response = await fetch(`${baseUrl}/v2/actions`, {
-      headers: token ? { Authorization: `Bearer ${token}` } : {}
-    });
+    const response = await this.fetchApi.fetch(`${baseUrl}/v2/actions`);
     if (!response.ok) {
       throw await ResponseError.fromResponse(response);
     }
@@ -277,7 +268,7 @@ const EntityTagsPicker = ({
   const [inputError, setInputError] = useState(false);
   const tagValidator = makeValidator().isValidTag;
   const kinds = (_a = uiSchema["ui:options"]) == null ? void 0 : _a.kinds;
-  const { loading, value: existingTags } = useAsync$1(async () => {
+  const { loading, value: existingTags } = useAsync(async () => {
     const tagsRequest = { fields: ["metadata.tags"] };
     if (kinds) {
       tagsRequest.filter = { kind: kinds };
@@ -351,221 +342,273 @@ const OwnerPicker = ({
   });
 };
 
-function splitFormData(url, allowedOwners) {
-  let host = void 0;
-  let owner = void 0;
-  let repo = void 0;
-  let organization = void 0;
-  let workspace = void 0;
-  let project = void 0;
-  try {
-    if (url) {
-      const parsed = new URL(`https://${url}`);
-      host = parsed.host;
-      owner = parsed.searchParams.get("owner") || (allowedOwners == null ? void 0 : allowedOwners[0]);
-      repo = parsed.searchParams.get("repo") || void 0;
-      organization = parsed.searchParams.get("organization") || void 0;
-      workspace = parsed.searchParams.get("workspace") || void 0;
-      project = parsed.searchParams.get("project") || void 0;
-    }
-  } catch {
-  }
-  return { host, owner, repo, organization, workspace, project };
-}
-function serializeFormData(data) {
-  if (!data.host) {
-    return void 0;
-  }
-  const params = new URLSearchParams();
-  if (data.owner) {
-    params.set("owner", data.owner);
-  }
-  if (data.repo) {
-    params.set("repo", data.repo);
-  }
-  if (data.organization) {
-    params.set("organization", data.organization);
-  }
-  if (data.workspace) {
-    params.set("workspace", data.workspace);
-  }
-  if (data.project) {
-    params.set("project", data.project);
-  }
-  return `${data.host}?${params.toString()}`;
-}
-const RepoUrlPicker = ({
-  onChange,
-  uiSchema,
-  rawErrors,
-  formData
-}) => {
-  var _a, _b, _c, _d, _e;
-  const scaffolderApi = useApi(scaffolderApiRef);
-  const integrationApi = useApi(scmIntegrationsApiRef);
-  const allowedHosts = (_a = uiSchema["ui:options"]) == null ? void 0 : _a.allowedHosts;
-  const allowedOwners = (_b = uiSchema["ui:options"]) == null ? void 0 : _b.allowedOwners;
-  const { value: integrations, loading } = useAsync(async () => {
-    return await scaffolderApi.getIntegrationsList({ allowedHosts });
-  });
-  const { host, owner, repo, organization, workspace, project } = splitFormData(formData, allowedOwners);
-  const updateHost = useCallback((value) => {
-    onChange(serializeFormData({
-      host: value,
-      owner,
-      repo,
-      organization,
-      workspace,
-      project
-    }));
-  }, [onChange, owner, repo, organization, workspace, project]);
-  const updateOwnerSelect = useCallback((value) => onChange(serializeFormData({
-    host,
-    owner: value,
-    repo,
-    organization,
-    workspace,
-    project
-  })), [onChange, host, repo, organization, workspace, project]);
-  const updateOwner = useCallback((evt) => onChange(serializeFormData({
-    host,
-    owner: evt.target.value,
-    repo,
-    organization,
-    workspace,
-    project
-  })), [onChange, host, repo, organization, workspace, project]);
-  const updateRepo = useCallback((evt) => onChange(serializeFormData({
-    host,
-    owner,
-    repo: evt.target.value,
-    organization,
-    workspace,
-    project
-  })), [onChange, host, owner, organization, workspace, project]);
-  const updateOrganization = useCallback((evt) => onChange(serializeFormData({
-    host,
-    owner,
-    repo,
-    organization: evt.target.value,
-    workspace,
-    project
-  })), [onChange, host, owner, repo, workspace, project]);
-  const updateWorkspace = useCallback((evt) => onChange(serializeFormData({
-    host,
-    owner,
-    repo,
-    organization,
-    workspace: evt.target.value,
-    project
-  })), [onChange, host, owner, repo, organization, project]);
-  const updateProject = useCallback((evt) => onChange(serializeFormData({
-    host,
-    owner,
-    repo,
-    organization,
-    workspace,
-    project: evt.target.value
-  })), [onChange, host, owner, repo, organization, workspace]);
-  useEffect(() => {
-    if (host === void 0 && (integrations == null ? void 0 : integrations.length)) {
-      onChange(serializeFormData({
-        host: integrations[0].host,
-        owner,
-        repo,
-        organization,
-        workspace,
-        project
-      }));
-    }
-  }, [
-    onChange,
-    integrations,
-    host,
-    owner,
-    repo,
-    organization,
-    workspace,
-    project
-  ]);
-  if (loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
-  }
-  const hostsOptions = integrations ? integrations.filter((i) => allowedHosts == null ? void 0 : allowedHosts.includes(i.host)).map((i) => ({ label: i.title, value: i.host })) : [{ label: "Loading...", value: "loading" }];
-  const ownersOptions = allowedOwners ? allowedOwners.map((i) => ({ label: i, value: i })) : [{ label: "Loading...", value: "loading" }];
+const GithubRepoPicker = (props) => {
+  const { allowedOwners = [], rawErrors, state, onChange } = props;
+  const ownerItems = allowedOwners ? allowedOwners.map((i) => ({ label: i, value: i })) : [{ label: "Loading...", value: "loading" }];
+  const { owner, repoName } = state;
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FormControl, {
     margin: "normal",
     required: true,
-    error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !host
-  }, /* @__PURE__ */ React.createElement(Select, {
+    error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !owner
+  }, (allowedOwners == null ? void 0 : allowedOwners.length) ? /* @__PURE__ */ React.createElement(Select, {
     native: true,
-    disabled: hostsOptions.length === 1,
-    label: "Host",
-    onChange: updateHost,
-    selected: host,
-    items: hostsOptions
-  }), /* @__PURE__ */ React.createElement(FormHelperText, null, "The host where the repository will be created")), host === "dev.azure.com" && /* @__PURE__ */ React.createElement(FormControl, {
+    label: "Owner Available",
+    onChange: (s) => onChange({ owner: String(Array.isArray(s) ? s[0] : s) }),
+    disabled: allowedOwners.length === 1,
+    selected: owner,
+    items: ownerItems
+  }) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(InputLabel, {
+    htmlFor: "ownerInput"
+  }, "Owner"), /* @__PURE__ */ React.createElement(Input, {
+    id: "ownerInput",
+    onChange: (e) => onChange({ owner: e.target.value }),
+    value: owner
+  })), /* @__PURE__ */ React.createElement(FormHelperText, null, "The organization, user or project that this repo will belong to")), /* @__PURE__ */ React.createElement(FormControl, {
+    margin: "normal",
+    required: true,
+    error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !repoName
+  }, /* @__PURE__ */ React.createElement(InputLabel, {
+    htmlFor: "repoNameInput"
+  }, "Repository"), /* @__PURE__ */ React.createElement(Input, {
+    id: "repoNameInput",
+    onChange: (e) => onChange({ repoName: e.target.value }),
+    value: repoName
+  }), /* @__PURE__ */ React.createElement(FormHelperText, null, "The name of the repository")));
+};
+
+const GitlabRepoPicker = (props) => {
+  const { allowedOwners = [], rawErrors, state, onChange } = props;
+  const ownerItems = allowedOwners ? allowedOwners.map((i) => ({ label: i, value: i })) : [{ label: "Loading...", value: "loading" }];
+  const { owner, repoName } = state;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FormControl, {
+    margin: "normal",
+    required: true,
+    error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !owner
+  }, (allowedOwners == null ? void 0 : allowedOwners.length) ? /* @__PURE__ */ React.createElement(Select, {
+    native: true,
+    label: "Owner Available",
+    onChange: (selected) => onChange({
+      owner: String(Array.isArray(selected) ? selected[0] : selected)
+    }),
+    disabled: allowedOwners.length === 1,
+    selected: owner,
+    items: ownerItems
+  }) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(InputLabel, {
+    htmlFor: "ownerInput"
+  }, "Owner"), /* @__PURE__ */ React.createElement(Input, {
+    id: "ownerInput",
+    onChange: (e) => onChange({ owner: e.target.value }),
+    value: owner
+  })), /* @__PURE__ */ React.createElement(FormHelperText, null, "The organization, user or project that this repo will belong to")), /* @__PURE__ */ React.createElement(FormControl, {
+    margin: "normal",
+    required: true,
+    error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !repoName
+  }, /* @__PURE__ */ React.createElement(InputLabel, {
+    htmlFor: "repoNameInput"
+  }, "Repository"), /* @__PURE__ */ React.createElement(Input, {
+    id: "repoNameInput",
+    onChange: (e) => onChange({ repoName: e.target.value }),
+    value: repoName
+  }), /* @__PURE__ */ React.createElement(FormHelperText, null, "The name of the repository")));
+};
+
+const AzureRepoPicker = (props) => {
+  const { rawErrors, state, onChange } = props;
+  const { organization, repoName, owner } = state;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FormControl, {
     margin: "normal",
     required: true,
     error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !organization
   }, /* @__PURE__ */ React.createElement(InputLabel, {
-    htmlFor: "repoInput"
+    htmlFor: "orgInput"
   }, "Organization"), /* @__PURE__ */ React.createElement(Input, {
-    id: "repoInput",
-    onChange: updateOrganization,
+    id: "orgInput",
+    onChange: (e) => onChange({ organization: e.target.value }),
     value: organization
-  }), /* @__PURE__ */ React.createElement(FormHelperText, null, "The name of the organization")), host && ((_c = integrationApi.byHost(host)) == null ? void 0 : _c.type) === "bitbucket" && /* @__PURE__ */ React.createElement(React.Fragment, null, host === "bitbucket.org" && /* @__PURE__ */ React.createElement(FormControl, {
+  }), /* @__PURE__ */ React.createElement(FormHelperText, null, "The organization that this repo will belong to")), /* @__PURE__ */ React.createElement(FormControl, {
+    margin: "normal",
+    required: true,
+    error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !owner
+  }, /* @__PURE__ */ React.createElement(InputLabel, {
+    htmlFor: "ownerInput"
+  }, "Owner"), /* @__PURE__ */ React.createElement(Input, {
+    id: "ownerInput",
+    onChange: (e) => onChange({ owner: e.target.value }),
+    value: owner
+  }), /* @__PURE__ */ React.createElement(FormHelperText, null, "The Owner that this repo will belong to")), /* @__PURE__ */ React.createElement(FormControl, {
+    margin: "normal",
+    required: true,
+    error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !repoName
+  }, /* @__PURE__ */ React.createElement(InputLabel, {
+    htmlFor: "repoNameInput"
+  }, "Repository"), /* @__PURE__ */ React.createElement(Input, {
+    id: "repoNameInput",
+    onChange: (e) => onChange({ repoName: e.target.value }),
+    value: repoName
+  }), /* @__PURE__ */ React.createElement(FormHelperText, null, "The name of the repository")));
+};
+
+const BitbucketRepoPicker = (props) => {
+  const { onChange, rawErrors, state } = props;
+  const { host, workspace, project, repoName } = state;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, host === "bitbucket.org" && /* @__PURE__ */ React.createElement(FormControl, {
     margin: "normal",
     required: true,
     error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !workspace
   }, /* @__PURE__ */ React.createElement(InputLabel, {
-    htmlFor: "wokrspaceInput"
+    htmlFor: "workspaceInput"
   }, "Workspace"), /* @__PURE__ */ React.createElement(Input, {
-    id: "wokrspaceInput",
-    onChange: updateWorkspace,
+    id: "workspaceInput",
+    onChange: (e) => onChange({ workspace: e.target.value }),
     value: workspace
-  }), /* @__PURE__ */ React.createElement(FormHelperText, null, "The workspace where the repository will be created")), /* @__PURE__ */ React.createElement(FormControl, {
+  }), /* @__PURE__ */ React.createElement(FormHelperText, null, "The Organization that this repo will belong to")), /* @__PURE__ */ React.createElement(FormControl, {
     margin: "normal",
     required: true,
     error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !project
   }, /* @__PURE__ */ React.createElement(InputLabel, {
-    htmlFor: "wokrspaceInput"
+    htmlFor: "projectInput"
   }, "Project"), /* @__PURE__ */ React.createElement(Input, {
-    id: "wokrspaceInput",
-    onChange: updateProject,
+    id: "projectInput",
+    onChange: (e) => onChange({ project: e.target.value }),
     value: project
-  }), /* @__PURE__ */ React.createElement(FormHelperText, null, "The project where the repository will be created"))), host && ((_d = integrationApi.byHost(host)) == null ? void 0 : _d.type) !== "bitbucket" && !allowedOwners && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FormControl, {
+  }), /* @__PURE__ */ React.createElement(FormHelperText, null, "The Project that this repo will belong to")), /* @__PURE__ */ React.createElement(FormControl, {
     margin: "normal",
     required: true,
-    error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !owner
+    error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !repoName
   }, /* @__PURE__ */ React.createElement(InputLabel, {
-    htmlFor: "ownerInput"
-  }, "Owner"), /* @__PURE__ */ React.createElement(Input, {
-    id: "ownerInput",
-    onChange: updateOwner,
-    value: owner
-  }), /* @__PURE__ */ React.createElement(FormHelperText, null, "The organization, user or project that this repo will belong to"))), host && ((_e = integrationApi.byHost(host)) == null ? void 0 : _e.type) !== "bitbucket" && allowedOwners && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FormControl, {
+    htmlFor: "repoNameInput"
+  }, "Repository"), /* @__PURE__ */ React.createElement(Input, {
+    id: "repoNameInput",
+    onChange: (e) => onChange({ repoName: e.target.value }),
+    value: repoName
+  }), /* @__PURE__ */ React.createElement(FormHelperText, null, "The name of the repository")));
+};
+
+const RepoUrlPickerHost = (props) => {
+  const { host, hosts, onChange, rawErrors } = props;
+  const scaffolderApi = useApi(scaffolderApiRef);
+  const { value: integrations, loading } = useAsync(async () => {
+    return await scaffolderApi.getIntegrationsList({
+      allowedHosts: hosts != null ? hosts : []
+    });
+  });
+  useEffect(() => {
+    if (hosts && !host) {
+      onChange(hosts[0]);
+    }
+  }, [hosts, host, onChange]);
+  const hostsOptions = integrations ? integrations.filter((i) => hosts == null ? void 0 : hosts.includes(i.host)).map((i) => ({ label: i.title, value: i.host })) : [{ label: "Loading...", value: "loading" }];
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FormControl, {
     margin: "normal",
     required: true,
-    error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !owner
+    error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !host
   }, /* @__PURE__ */ React.createElement(Select, {
     native: true,
-    label: "Owner Available",
-    onChange: updateOwnerSelect,
-    disabled: ownersOptions.length === 1,
-    selected: owner,
-    items: ownersOptions
-  }), /* @__PURE__ */ React.createElement(FormHelperText, null, "The organization, user or project that this repo will belong to"))), /* @__PURE__ */ React.createElement(FormControl, {
-    margin: "normal",
-    required: true,
-    error: (rawErrors == null ? void 0 : rawErrors.length) > 0 && !repo
-  }, /* @__PURE__ */ React.createElement(InputLabel, {
-    htmlFor: "repoInput"
-  }, "Repository"), /* @__PURE__ */ React.createElement(Input, {
-    id: "repoInput",
-    onChange: updateRepo,
-    value: repo
-  }), /* @__PURE__ */ React.createElement(FormHelperText, null, "The name of the repository")));
+    disabled: (hosts == null ? void 0 : hosts.length) === 1,
+    label: "Host",
+    onChange: (s) => onChange(String(Array.isArray(s) ? s[0] : s)),
+    selected: host,
+    items: hostsOptions,
+    "data-testid": "host-select"
+  }), /* @__PURE__ */ React.createElement(FormHelperText, null, "The host where the repository will be created")));
+};
+
+function serializeRepoPickerUrl(data) {
+  if (!data.host) {
+    return void 0;
+  }
+  const params = new URLSearchParams();
+  if (data.owner) {
+    params.set("owner", data.owner);
+  }
+  if (data.repoName) {
+    params.set("repo", data.repoName);
+  }
+  if (data.organization) {
+    params.set("organization", data.organization);
+  }
+  if (data.workspace) {
+    params.set("workspace", data.workspace);
+  }
+  if (data.project) {
+    params.set("project", data.project);
+  }
+  return `${data.host}?${params.toString()}`;
+}
+function parseRepoPickerUrl(url) {
+  let host = void 0;
+  let owner = void 0;
+  let repoName = void 0;
+  let organization = void 0;
+  let workspace = void 0;
+  let project = void 0;
+  try {
+    if (url) {
+      const parsed = new URL(`https://${url}`);
+      host = parsed.host;
+      owner = parsed.searchParams.get("owner") || void 0;
+      repoName = parsed.searchParams.get("repo") || void 0;
+      organization = parsed.searchParams.get("organization") || void 0;
+      workspace = parsed.searchParams.get("workspace") || void 0;
+      project = parsed.searchParams.get("project") || void 0;
+    }
+  } catch {
+  }
+  return { host, owner, repoName, organization, workspace, project };
+}
+
+const RepoUrlPicker = (props) => {
+  var _a, _b;
+  const { uiSchema, onChange, rawErrors, formData } = props;
+  const [state, setState] = useState(parseRepoPickerUrl(formData));
+  const integrationApi = useApi(scmIntegrationsApiRef);
+  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]);
+  useEffect(() => {
+    onChange(serializeRepoPickerUrl(state));
+  }, [state, onChange]);
+  useEffect(() => {
+    if (allowedOwners.length === 1) {
+      setState((prevState) => ({ ...prevState, owner: allowedOwners[0] }));
+    }
+  }, [setState, allowedOwners]);
+  const updateLocalState = useCallback((newState) => {
+    setState((prevState) => ({ ...prevState, ...newState }));
+  }, [setState]);
+  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,
+    hosts: allowedHosts,
+    onChange: (host) => setState((prevState) => ({ ...prevState, host })),
+    rawErrors
+  }), hostType === "github" && /* @__PURE__ */ React.createElement(GithubRepoPicker, {
+    allowedOwners,
+    rawErrors,
+    state,
+    onChange: updateLocalState
+  }), hostType === "gitlab" && /* @__PURE__ */ React.createElement(GitlabRepoPicker, {
+    allowedOwners,
+    rawErrors,
+    state,
+    onChange: updateLocalState
+  }), hostType === "bitbucket" && /* @__PURE__ */ React.createElement(BitbucketRepoPicker, {
+    rawErrors,
+    state,
+    onChange: updateLocalState
+  }), hostType === "azure" && /* @__PURE__ */ React.createElement(AzureRepoPicker, {
+    rawErrors,
+    state,
+    onChange: updateLocalState
+  }));
 };
 
 const repoPickerValidation = (value, validation, context) => {
@@ -667,10 +710,14 @@ const scaffolderPlugin = createPlugin({
       api: scaffolderApiRef,
       deps: {
         discoveryApi: discoveryApiRef,
-        identityApi: identityApiRef,
-        scmIntegrationsApi: scmIntegrationsApiRef
+        scmIntegrationsApi: scmIntegrationsApiRef,
+        fetchApi: fetchApiRef
       },
-      factory: ({ discoveryApi, identityApi, scmIntegrationsApi }) => new ScaffolderClient({ discoveryApi, identityApi, scmIntegrationsApi })
+      factory: ({ discoveryApi, scmIntegrationsApi, fetchApi }) => new ScaffolderClient({
+        discoveryApi,
+        scmIntegrationsApi,
+        fetchApi
+      })
     })
   ],
   routes: {
@@ -700,7 +747,7 @@ const OwnerPickerFieldExtension = scaffolderPlugin.provide(createScaffolderField
 }));
 const ScaffolderPage = scaffolderPlugin.provide(createRoutableExtension({
   name: "ScaffolderPage",
-  component: () => import('./Router-552fb2ce.esm.js').then((m) => m.Router),
+  component: () => import('./Router-9da81048.esm.js').then((m) => m.Router),
   mountPoint: rootRouteRef
 }));
 const OwnedEntityPickerFieldExtension = scaffolderPlugin.provide(createScaffolderFieldExtension({
@@ -943,4 +990,4 @@ const TemplateTypePicker = () => {
 };
 
 export { EntityPicker as E, FIELD_EXTENSION_WRAPPER_KEY as F, OwnerPicker as O, RepoUrlPicker as R, ScaffolderClient as S, TemplateTypePicker as T, EntityNamePicker as a, EntityTagsPicker as b, OwnedEntityPicker as c, registerComponentRouteRef as d, entityNamePickerValidation as e, TemplateList as f, rootRouteRef as g, FIELD_EXTENSION_KEY as h, createScaffolderFieldExtension as i, ScaffolderFieldExtensions as j, EntityPickerFieldExtension as k, EntityNamePickerFieldExtension as l, EntityTagsPickerFieldExtension as m, OwnerPickerFieldExtension as n, OwnedEntityPickerFieldExtension as o, RepoUrlPickerFieldExtension as p, ScaffolderPage as q, repoPickerValidation as r, scaffolderApiRef as s, scaffolderPlugin as t, TextValuePicker as u, FavouriteTemplate as v };
-//# sourceMappingURL=index-768702c3.esm.js.map
+//# sourceMappingURL=index-837d4328.esm.js.map