diff --git a/packages/frontend-2/components/developer-settings/CreateApplicationSuccessDialog.vue b/packages/frontend-2/components/developer-settings/CreateApplicationSuccessDialog.vue index fb4380932..9fdc19c0f 100644 --- a/packages/frontend-2/components/developer-settings/CreateApplicationSuccessDialog.vue +++ b/packages/frontend-2/components/developer-settings/CreateApplicationSuccessDialog.vue @@ -28,11 +28,7 @@ Note: To authenticate users inside your app, direct them to

- +

`{code_challenge}` is an OAuth2 plain code challenge that your app needs to generate for each authentication request. @@ -54,6 +50,21 @@ const props = defineProps<{ const isOpen = defineModel('open', { required: true }) +const { + public: { baseUrl } +} = useRuntimeConfig() + +const authUrl = computed(() => { + if (props.application?.id) { + const url = new URL(`/authn/verify/${props.application.id}`, baseUrl) + + const finalUrl = `${url.toString()}/{code_challenge}` + + return finalUrl + } + return null +}) + const dialogButtons = computed(() => [ { text: 'Close',