@@ -20,7 +20,7 @@ import type * as React from 'react';
2020
2121import {
2222 UiNode , UiNodeAttributes , UiNodeGroupEnum , UiNodeInputAttributes ,
23- UiNodeTypeEnum , V0alpha2ApiFactory ,
23+ FrontendApiFactory ,
2424} from '@ory/kratos-client' ;
2525import { UserManager } from 'oidc-client' ;
2626import * as QueryString from 'query-string' ;
@@ -36,7 +36,7 @@ export const PasswordError = new Error('Kratos identity server error: Password m
3636export const FlowIDError = new Error ( 'Auth server requires a flow parameter in the query string, but none were found.' ) ;
3737
3838const kratosUri = `${ location . protocol } //${ location . host } /oauth/kratos` ;
39- const kratosClient = V0alpha2ApiFactory ( null , kratosUri ) ;
39+ const kratosClient = FrontendApiFactory ( null , kratosUri ) ;
4040
4141// Renders a form with an error and no fields.
4242const displayErrorFormStructure = ( error : Error ) : FormStructure => ( {
@@ -51,32 +51,29 @@ const displayErrorFormStructure = (error: Error): FormStructure => ({
5151 } ,
5252} ) ;
5353
54- function isInputAttributes ( attr : UiNodeAttributes ) : attr is UiNodeInputAttributes {
55- return attr . node_type === UiNodeTypeEnum . Input ;
56- }
57-
5854function nodeToFormField ( node : UiNode ) : FormField | null {
59- if ( ! isInputAttributes ( node . attributes ) ) {
55+ const attr = node . attributes as any ;
56+ if ( attr . node_type !== 'input' ) {
6057 return null ;
6158 }
6259 // We render our own form button.
63- if ( node . attributes . type === 'submit' ) {
60+ if ( attr . type === 'submit' ) {
6461 return null ;
6562 }
6663 return {
67- disabled : node . attributes . disabled ,
64+ disabled : attr . disabled ,
6865 messages : node . messages ,
69- name : node . attributes . name ,
70- pattern : node . attributes . pattern ,
71- required : node . attributes . required ,
72- type : node . attributes . type ,
73- value : node . attributes . value ,
66+ name : attr . name ,
67+ pattern : attr . pattern ,
68+ required : attr . required ,
69+ type : attr . type ,
70+ value : attr . value ,
7471 } ;
7572}
7673
7774function nodesToFormFields ( nodes : Array < UiNode > ) : Array < FormField > {
7875 return nodes
79- . filter ( node => node . type === UiNodeTypeEnum . Input )
76+ . filter ( node => node . type === 'input' )
8077 . filter ( node => node . group === UiNodeGroupEnum . Password || node . group === UiNodeGroupEnum . Default )
8178 . map ( nodeToFormField )
8279 . filter ( node => node ) ;
@@ -278,7 +275,7 @@ export const HydraClient = {
278275 if ( flow == null ) {
279276 return displayErrorFormStructure ( FlowIDError ) ;
280277 }
281- const { data } = await kratosClient . getSelfServiceLoginFlow ( flow ) ;
278+ const { data } = await kratosClient . getLoginFlow ( { id : flow } ) ;
282279
283280 return {
284281 action : data . ui . action ,
@@ -298,7 +295,7 @@ export const HydraClient = {
298295 if ( flow == null ) {
299296 return displayErrorFormStructure ( FlowIDError ) ;
300297 }
301- const { data } = await kratosClient . getSelfServiceSettingsFlow ( flow ) ;
298+ const { data } = await kratosClient . getSettingsFlow ( { id : flow } ) ;
302299
303300 return {
304301 action : data . ui . action ,
@@ -318,7 +315,7 @@ export const HydraClient = {
318315 if ( error == null ) {
319316 return displayErrorFormStructure ( new Error ( 'server error' ) ) ;
320317 }
321- const { data } = await kratosClient . getSelfServiceError ( error ) ;
318+ const { data } = await kratosClient . getFlowError ( { id : error } ) ;
322319
323320 return displayErrorFormStructure ( new Error ( JSON . stringify ( data ) ) ) ;
324321 } ,
0 commit comments