chore: encode some values too

Signed-off-by: blam <ben@blam.sh>

plugins/scaffolder/src/components/fields/RepoUrlPicker/RepoUrlPicker.test.tsx

@@ -23,12 +23,11 @@ import {
   scmAuthApiRef,
   ScmAuthApi,
 } from '@backstage/integration-react';
-import { scaffolderApiRef } from '../../../api';
+import { scaffolderApiRef, ScaffolderApi } from '../../../api';
 import {
   SecretsContextProvider,
   SecretsContext,
 } from '../../secrets/SecretsContext';
-import { ScaffolderApi } from '../../..';
 import { act, fireEvent } from '@testing-library/react';
 
 describe('RepoUrlPicker', () => {

plugins/scaffolder/src/components/fields/RepoUrlPicker/RepoUrlPicker.tsx

@@ -92,11 +92,17 @@ export const RepoUrlPicker = (
         return;
       }
 
+      const [host, owner, repoName] = [
+        state.host,
+        state.owner,
+        state.repoName,
+      ].map(encodeURIComponent);
+
       // user has requested that we use the users credentials
       // so lets grab them using the scmAuthApi and pass through
       // any additional scopes from the ui:options
       const { token } = await scmAuthApi.getCredentials({
-        url: `https://${state.host}/${state.owner}/${state.repoName}`,
+        url: `https://${host}/${owner}/${repoName}`,
         additionalScope: {
           repoWrite: true,
           customScopes: requestUserCredentials.additionalScopes,